@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&display=swap);nav .navbar-brand{margin-top:-10px}nav .select-dropdown{font-size:18px;line-height:18px;font-weight:700}@media (max-width:900px){nav .select-dropdown{font-size:15px}}nav .select-dropdown .nav-link{color:#afafaf!important}nav .nav-item.muted{color:#bfbfbf}nav .nav-item.muted:hover{color:#afafaf;cursor:pointer}.dropdown-menu .badge{margin-left:-10px;margin-right:5px}nav .nav-link h1{color:#000;font-size:16px;margin:0;font-weight:400;white-space:nowrap}.units-dropdown .dropdown-toggle{-webkit-appearance:button;font-weight:400;background-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:inline-block;cursor:pointer;color:inherit;border:none;white-space:nowrap}.units-dropdown .dropdown-toggle:focus{outline:none}.units-dropdown .dropdown-item{color:inherit}body,html{height:100%;width:100%;margin:0}.copyright,.popover-body,.tooltip-inner,a,h1,h2,h3,h4,h5,li,p{font-family:Noto Sans,Noto Sans SC,sans-serif}.lesson{padding-top:30px;height:100%}.lesson nav{box-shadow:0 0 12px 1px rgba(87,87,87,.2);min-height:40px}.lesson nav,.lesson nav .nav-link{padding-top:2px;padding-bottom:2px}.lesson nav .container-fluid{flex-wrap:nowrap}.lesson-control{font-size:20px;color:#cfcfcf;font-weight:100;flex-flow:row;padding:4px 0 4px 4px;overflow:auto;-ms-overflow-style:none;scrollbar-width:none}.lesson-control::-webkit-scrollbar{display:none}.lesson-control button.lesson-slide-control{border-radius:16px;width:26px;height:26px;min-width:26px;font-size:13px;padding:3px}.lesson-control button.lesson-slide-control.btn-primary{color:#fff}.lesson-control button.lesson-slide-control.btn-primary~button{border-color:#d0d0d0;color:silver}.lesson-control button.lesson-slide-control.completed{background:#56525a!important}.lesson-control button.lesson-slide-control.btn-primary.completed{background:var(--primary-button-bgd-color)!important}.lesson-carousel{height:100%}.lesson-carousel .carousel-item{padding:20% 10px}.lesson section:not(.problem):not(:first-child){margin-top:100px}.lesson section h3{font-weight:700}.lesson section li,.lesson section p{font-size:18px}.lesson section p>img{width:100%}.diagram{position:relative;display:inline-block;font-family:monaco,Consolas,Lucida Console,monospace;font-size:20px;line-height:20px;padding:5px 15px 5px 65px;margin:10px 0;color:#2f2f2f}.diagram.hide-indicator{padding-left:15px}.definition-popover .diagram{padding:5px;font-size:14px;width:100%;margin:0}.lesson .diagram:not(.hide-indicator):before{content:" ";color:#dfdfdf;position:absolute;left:5px;top:7px;font-size:40px;padding:10px;width:40px;height:40px;background:url(/code/assets/image/indicator/note-info.png) 50% no-repeat;background-size:contain}.diagram.hoverable:not(.hide-indicator):before{background-image:url(/code/assets/image/indicator/note-question.png);background-size:contain;margin-top:5px;height:40px;width:40px;padding-left:4px}.diagram span[data-toggle=tooltip]:hover{cursor:help;background:rgba(0,0,0,.05);outline:4px solid rgba(0,0,0,.05)}.diagram p{margin:0}p.diagram{display:block;width:360px;margin-top:0}.diagram.underlined{padding-bottom:20px}.diagram .keyword.underline,.diagram .string.underline,.diagram .value{border-bottom:1px solid #7f7f7f;padding:0 5px}.diagram .label{font-size:12px}.diagram .keyword{color:#30a}.diagram .string{color:#a11}.diagram .number{color:#ae81f7}.diagram .comment{color:#999}.diagram .name{color:#a6e22d}.diagram .operator{color:#f12772}.diagram label{display:block;font-size:14px;font-family:Noto Sans,Noto Sans SC,sans-serif;font-weight:700;color:#bfbfbf}.diagram span{position:relative}.diagram span>label{position:absolute;left:0;bottom:-30px;font-size:12px;font-weight:lighter;width:200px}.lesson .problem{margin-top:30px}.lesson .next{display:block;color:#7f7f7f}.lesson .next:hover{cursor:pointer}.lesson .next h3,.lesson .problem h3{margin-top:0}.lesson .next h3 span,.lesson .problem h3 span{opacity:.5;font-weight:300;margin-left:5px}.diagram-label,.lesson .next p{margin-bottom:0}.diagram-label{display:block;font-size:14px;line-height:16px;color:#7f7f7f}span.diagram{text-align:center;margin-bottom:10px}.diagram .indented{margin-left:40px}.diagram .underlined{border-bottom:1px solid #dfdfdf}.diagram i{font-size:16px}.lesson-slide-control{margin-right:5px}.lesson-slide-control:hover{cursor:pointer}.lesson-slide-next{text-align:center;padding-top:25px}.lesson-slide-next a{background-color:var(--primary-button-bgd-color);transition:background-color .3s ease-in-out,border-color .3s ease-in-out;color:var(--primary-button-color);font-size:18px;padding:5px 20px;border-radius:var(--primary-button-radius);margin-right:5px;border:2px solid var(--primary-button-bgd-color);box-shadow:0 4px var(--primary-button-border-color)}.lesson-slide-next a.inverse{background-color:var(--inverse-button-bgd-color);color:var(--inverse-button-color)}.lesson-slide-next a.submit-quiz:not(.inverse),.lesson-slide-next a:hover{color:var(--primary-button-color)!important}.lesson-slide-next a:hover{background-color:var(--primary-button-hover-color);border-color:var(--primary-button-hover-color);cursor:pointer;text-decoration:none}.btn-click:hover{cursor:pointer}.btn-circle{width:32px;height:32px;font-size:14px;padding:4px;line-height:16px}.btn-circle,.lesson .project-steps a{border-radius:50%}.copyright{text-align:center;display:block;color:var(--footer-color);padding:15px 0;font-size:12px}.login{outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;font-weight:700;display:flex;height:100%;align-items:center;justify-content:center;padding:0 10px;border:none;color:var(--primary-button-bgd-color)}.login .image{display:inline-block}.login .image svg{display:block;margin:auto;width:20px;height:20px;fill:var(--primary-button-bgd-color)}.login .label{display:inline-block;font-size:12px;margin-left:10px}.answer{fill:#fff;display:flex;align-items:center;font-size:12px;gap:12px;margin-left:20px}.answer.hidden{display:none}.answer svg{width:16px}.notebook-modal-login{background-color:transparent;position:fixed;z-index:10000;top:0;left:0;width:100%;height:100%;pointer-events:all}.notebook-modal-login iframe{width:100%;height:100%;border:none}.notebook{padding:30px 5% 90px;box-sizing:content-box;max-width:880px;background:#fff;margin:0 auto}@media (max-width:800px){.notebook{padding:30px}}.multiple-choice{padding:5px 10px;font-family:Noto Sans,Noto Sans SC,sans-serif}.multiple-choice .question>p{padding-top:7px;font-size:14px;font-weight:700;padding-bottom:20px}.multiple-choice .choices{padding-bottom:20px}.multiple-choice .choices>.choice{font-size:14px;color:#2f2f2f}.multiple-choice .choices>.choice:hover{cursor:pointer;color:#4f4f4f}.multiple-choice .choices>.choice i{margin-right:15px}.multiple-choice .actions button:hover{cursor:pointer}.multiple-choice .explanation p{font-size:14px}.notebook-cell{margin-bottom:10px}.notebook-cell,.notebook-sub-cell{position:relative}.notebook-sub-cell{padding-left:20px}.notebook-cell.hide-cell,.notebook-sub-cell.hide-cell{display:none}.notebook-cell .indicator{float:left;width:40px;height:40px}.notebook-cell .indicator img{width:40px;height:40px}.notebook-cell .indicated{display:block;padding-left:50px}.notebook-cell .indicated h3{font-size:16px;line-height:40px;font-weight:700;margin:0}.notebook-cell .indicated h3 button{margin-top:5px;float:right}.notebook-cell .indicated.subtitled h3{font-size:16px;line-height:22px;font-weight:700;margin:0}.notebook-cell .indicated.subtitled p{font-size:14px;line-height:18px;color:#2f2f2f;margin:0;padding-top:0;padding-bottom:0}.indicator.indicator-puzzle{background-image:url(/nb/imgs/note-puzzle.svg)}.indicator.indicator-question{background-image:url(/nb/imgs/note-question.svg)}.indicator.indicator-alert{background-image:url(/nb/imgs/note-alert.svg)}.indicator.indicator-exercise{background-image:url(/nb/imgs/note-exercise.svg)}.indicator.indicator-info{background-image:url(/nb/imgs/note-info.svg)}.notebook-cell h1,.notebook-cell h2,.notebook-cell h3{margin:0;padding:3px 10px}.notebook-cell h1{font-size:var(--primary-heading-size);font-weight:var(--primary-heading-weight);color:var(--primary-heading-color);text-align:var(--primary-heading-alignment)}.notebook-cell>.indicated>h1{color:#282e33}.notebook-cell h2,.notebook-cell h3{font-size:var(--secondary-heading-size);font-weight:var(--heading-weight);color:var(--heading-color)}.notebook-cell>.indicated>h2{color:#282e33}.notebook-cell>.indicated>h3,.notebook-cell>a>h3,.notebook-cell h3{color:#4f4f4f}.notebook-cell>a:hover{text-decoration:none}.notebook-cell>a:hover>h3{color:#3f3f3f}.notebook-cell>.indicated>p,.notebook-cell>p,.notebook-sub-cell>p{font-size:14px;color:#282e33;margin:0;padding:5px 10px}.notebook-cell ul{margin-bottom:0}.notebook-cell li{font-size:14px;color:#282e33}.notebook-sub-cell>p{padding:5px 0}.notebook-cell blockquote{padding:0 20px 0 10px;position:relative;margin-top:10px;margin-left:15px;border-left:3px solid #efefef}.notebook-cell blockquote.with-label{padding-top:15px}.notebook-cell blockquote>p{font-size:14px;margin:0;color:#585e63}.notebook-cell blockquote>p>label{position:absolute;left:10px;top:0;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#cfcfcf}.notebook-cell>p>img{width:100%}.notebook-cell>h1>.subtitle,.notebook-cell>h2>.subtitle,.notebook-cell h3>.subtitle{font-weight:400;color:#9f9f9f;margin-left:10px}.notebook-cell h3>.subtitle{font-weight:lighter}.notebook-cell>pre,.notebook-sub-cell .tab-pane>pre,.notebook-sub-cell>pre{position:relative;font-family:monaco,Consolas,Lucida Console,monospace;padding:5px;font-size:14px;line-height:22px;margin:0}.notebook-cell>pre .CodeMirror,.notebook-sub-cell pre .CodeMirror{padding-left:15px;padding-bottom:1px;height:auto;font-size:14px;line-height:22px;font-family:monaco,Consolas,Lucida Console,monospace}.notebook-cell pre>.run{opacity:.7;position:absolute;right:8px;top:8px;font-size:12px;line-height:14px;padding:3px 8px;border-radius:16px;background:var(--primary-button-bgd-color);color:#fff;z-index:1002;border:none;overflow:hidden;transition:opacity .4s ease-in-out;transition:right .3s ease-in-out}.notebook-cell.run-tour pre>.run{opacity:1}.notebook-cell pre>.reset{display:none;position:absolute;right:75px;top:5px;background:none;border:none;color:#7f7f7f;opacity:0;transition:opacity .4s ease-in-out;z-index:1001}.notebook-cell pre>.reset span{margin-right:5px}.notebook-cell:not(.custom-cell) pre.with-reset .reset{display:block;opacity:.4}.notebook-cell pre>.reset:hover{cursor:pointer;opacity:1}.notebook-cell pre>.reset:focus{outline:none}.reset-popover{text-align:center}.reset-popover .btn{margin-right:5px;font-size:14px;line-height:16px;padding:4px 8px;border-radius:16px;color:#9f9f9f;font-family:monaco,Consolas,Lucida Console,monospace}.reset-popover .btn-reset{background:#e15f4b;color:#fff}.reset-popover .btn:hover{cursor:pointer}.reset-popover p{text-align:center;font-weight:700;color:#4f4f4f;margin-bottom:6px}.reset-popover p small{display:block;font-weight:400;color:#7f7f7f}.notebook-cell pre>.run.error,.notebook-cell pre>.run.running{background:#e15f4b}.notebook-cell pre>.run>span{margin-left:5px}.notebook-cell.skulpt-error .run,.notebook-cell pre:hover>.run,.notebook-cell pre>.run.running{opacity:1}.notebook-cell pre>.run:hover{cursor:pointer}.notebook-cell pre>.run:focus{outline:none}.notebook-cell pre>.output{background:#f0f0f0;border-radius:4px;font-size:14px;max-height:400px;overflow-y:scroll}.notebook-cell pre.with-canvas>.output,.notebook-cell pre.with-tests>.output{border-bottom-left-radius:0;border-bottom-right-radius:0}.notebook-cell pre>.output:not(:empty){padding:5px 15px 5px 35px}.notebook-cell pre>.output input{background:none;border:none;width:100px}.notebook-cell pre>.output input:focus{outline:none}.notebook-cell pre>.output>p.expected{margin:0;font-size:12px;opacity:.5}.notebook-cell pre>.canvas{border:4px solid #f0f0f0;min-height:400px;width:100%}.notebook-cell pre>.canvas:focus{outline:none}.notebook-cell pre.language-undefined{font-size:14px;line-height:20px;padding-left:20px}.notebook-cell>.state,.notebook-sub-cell>.state{position:absolute;width:2px;height:100%;left:-10px;top:0}.notebook-cell .action{font-family:Noto Sans,Noto Sans SC,sans-serif}.notebook-cell .action>button{float:right;margin-top:2px;background:none;border:none;color:#9f9f9f;font-size:12px;margin-left:10px}.notebook-cell .action>button:hover{cursor:pointer}.notebook-cell .action>button:focus{outline:none}.notebook-sub-cell>.state{left:5px}.notebook-cell>.state,.notebook-cell>.state:after,.notebook-cell>.state:before{background-color:#f8f8f8;transition:background-color .3s ease-in-out}.notebook-sub-cell>.state,.notebook-sub-cell>.state:after,.notebook-sub-cell>.state:before{background-color:#f0f0f0}.notebook-cell:hover>.state,.notebook-cell:hover>.state:after,.notebook-cell:hover>.state:before{background-color:#e8e8e8}.notebook-cell>.state:hover,.notebook-cell>.state:hover:after,.notebook-cell>.state:hover:before{background-color:#d0d0d0;transition:background-color .3s ease-in-out;cursor:move}.notebook-cell.success>.state,.notebook-cell.success>.state:after,.notebook-cell.success>.state:before,.notebook-sub-cell.success>.state,.notebook-sub-cell.success>.state:after,.notebook-sub-cell.success>.state:before{background-color:#32c846}.notebook-cell.success:hover>.state,.notebook-cell.success:hover>.state:after,.notebook-cell.success:hover>.state:before,.notebook-cell.success>.state:hover,.notebook-cell.success>.state:hover:after,.notebook-cell.success>.state:hover:before{background-color:#42d856}.notebook-cell.error>.state,.notebook-cell.error>.state:after,.notebook-cell.error>.state:before,.notebook-sub-cell.error>.state,.notebook-sub-cell.error>.state:after,.notebook-sub-cell.error>.state:before{background-color:#e15f4b}.notebook-cell.error:hover>.state,.notebook-cell.error:hover>.state:after,.notebook-cell.error:hover>.state:before{background-color:#f16f5b}.notebook-cell.error>.state:hover,.notebook-cell.error>.state:hover:after,.notebook-cell.error>.state:hover:before{background-color:#ff7f5b}.notebook-cell>.state:after,.notebook-cell>.state:before,.notebook-sub-cell>.state:after,.notebook-sub-cell>.state:before{position:absolute;width:6px;content:"";height:2px;left:0}.notebook-cell>.state:before,.notebook-sub-cell>.state:before{top:0}.notebook-cell>.state:after,.notebook-sub-cell>.state:after{bottom:0}.notebook-cell>.state>div,.notebook-sub-cell>.state>div{width:20px;height:100%}.notebook-cell-divider{height:16px;position:relative}.notebook-cell-divider>div,.notebook-cell-divider>div:after,.notebook-cell-divider>div:before{background-color:#fff}.notebook-cell-divider:hover>div,.notebook-cell-divider:hover>div:after,.notebook-cell-divider:hover>div:before{background-color:#e8e8e8}.notebook-cell-divider.active>div,.notebook-cell-divider.active>div:after,.notebook-cell-divider.active>div:before{background-color:#d0d0d0}.notebook-cell-divider>div{position:absolute;content:"";width:100%;height:2px;left:0;top:5px}.notebook-cell-divider>div:after,.notebook-cell-divider>div:before{position:absolute;width:2px;content:"";height:8px;top:-3px}.notebook-cell-divider>div:before{left:0}.notebook-cell-divider>div:after{right:0}.notebook-cell>.option{position:absolute;left:-40px;top:0;width:30px;height:100%}.notebook-cell>.option>button{background:none;border:none;padding:8px;font-size:20px;color:#bfbfbf}.notebook-cell>.option>button:focus{outline:none}.notebook-cell>.option>button:hover{cursor:pointer;color:#9f9f9f}.submit-quiz-cell{margin:0}#quiz-modal{font-family:Noto Sans,Noto Sans SC,sans-serif}#quiz-modal .modal-title{font-size:14px;font-weight:700}.project-cell .tab-content p{margin-bottom:5px}.project-cell .instructions{margin-top:10px}.project-cell .instructions .hide{margin-left:15px}.project-cell .instructions .hide:hover{cursor:pointer}.project-cell .submissions{margin-right:10px}.animation{width:100%;display:block}.animation-steps{float:left;width:50px;margin-top:-30px;margin-left:-50px;text-align:center}.animation-steps>.radial-progress{display:inline-block;margin-bottom:3px}.animation-step{width:20px;height:20px;font-size:11px;line-height:11px;padding:4px;display:block;margin:3px auto}.animation-cell{padding-left:50px}.animation-cell .btn-control{background:none;height:30px;width:30px;font-size:14px;border:none;padding:9px 10px;display:inline-flex}.animation-cell .btn-control.playing{padding:9px 8px}.animation-cell .btn-control:focus{outline:none}.CodeMirror .highlight-token>span{color:#9f9f9f}.CodeMirror .highlight-token>span>span{opacity:.7}.CodeMirror .highlight-token>span>span.cm-variable{color:#2f2f2f}.CodeMirror .highlight-token.hl-0>span>span:nth-child(0),.CodeMirror .highlight-token.hl-1>span>span:first-child,.CodeMirror .highlight-token.hl-2>span>span:nth-child(2),.CodeMirror .highlight-token.hl-3>span>span:nth-child(3),.CodeMirror .highlight-token.hl-4>span>span:nth-child(4),.CodeMirror .highlight-token.hl-5>span>span:nth-child(5),.CodeMirror .highlight-token.hl-6>span>span:nth-child(6),.CodeMirror .highlight-token.hl-7>span>span:nth-child(7),.CodeMirror .highlight-token.hl-8>span>span:nth-child(8),.CodeMirror .highlight-token.hl-9>span>span:nth-child(9),.CodeMirror .highlight-token.hl-10>span>span:nth-child(10),.CodeMirror .highlight-token.hl-11>span>span:nth-child(11),.CodeMirror .highlight-token.hl-12>span>span:nth-child(12),.CodeMirror .highlight-token.hl-13>span>span:nth-child(13),.CodeMirror .highlight-token.hl-14>span>span:nth-child(14),.CodeMirror .highlight-token.hl-15>span>span:nth-child(15),.CodeMirror .highlight-token.hl-16>span>span:nth-child(16),.CodeMirror .highlight-token.hl-17>span>span:nth-child(17),.CodeMirror .highlight-token.hl-18>span>span:nth-child(18),.CodeMirror .highlight-token.hl-19>span>span:nth-child(19),.CodeMirror .highlight:not(.highlight-token)>span{background:rgba(0,0,0,.02);outline:4px solid rgba(0,0,0,.02);border-radius:4px;box-shadow:0 0 2pt 1pt rgba(0,0,0,.2);opacity:1}.CodeMirror .highlight-background+.CodeMirror-line{opacity:.3}.radial-progress{width:40px;height:40px;background-color:#d6dadc;border-radius:50%}.radial-progress.small{width:20px;height:20px}.radial-progress .circle .fill,.radial-progress .circle .mask,.radial-progress .circle .shadow{width:40px;height:40px;position:absolute;border-radius:50%}.radial-progress.small .circle .fill,.radial-progress.small .circle .mask,.radial-progress.small .circle .shadow{width:20px;height:20px;position:absolute;border-radius:50%}.radial-progress .circle .shadow{box-shadow:inset 6px 6px 10px rgba(0,0,0,.2)}.radial-progress .circle .fill,.radial-progress .circle .mask{-webkit-backface-visibility:hidden;border-radius:50%}.radial-progress .circle .mask{clip:rect(0,40px,40px,20px)}.radial-progress .circle .mask .fill{clip:rect(0,20px,40px,0);background-color:var(--primary-color)}.radial-progress .inset{width:32px;height:32px;position:absolute;margin-left:4px;margin-top:4px;background-color:#fff;border-radius:50%;box-shadow:6px 6px 10px rgba(0,0,0,.2)}.radial-progress.small .inset{width:17px;height:17px;margin-left:4px;margin-top:4px}.radial-progress .inset .percentage{height:22px;width:57px;overflow:hidden;position:absolute;top:34px;left:16.5px;line-height:1}.radial-progress .inset .percentage-text{margin-left:5px;top:9px;position:absolute;left:0;width:30px;text-align:center;font-size:12px;color:#7f7f7f}.radial-progress .inset i.complete{color:#7f7f7f;font-size:30px;margin-left:4px;margin-top:3px}.radial-progress .inset .percentage .numbers{margin-top:-22px}.radial-progress .inset .percentage .numbers span{width:57px;display:inline-block;vertical-align:top;text-align:center;font-weight:800;font-size:22px;color:var(--primary-color)}.radial-progress[data-progress="0"] .circle .fill,.radial-progress[data-progress="0"] .circle .fill.fix,.radial-progress[data-progress="0"] .circle .mask.full{transform:rotate(0deg)}.radial-progress[data-progress="0"] .inset .percentage .numbers{width:57px}.radial-progress[data-progress="1"] .circle .fill,.radial-progress[data-progress="1"] .circle .mask.full{transform:rotate(1.8deg)}.radial-progress[data-progress="1"] .circle .fill.fix{transform:rotate(3.6deg)}.radial-progress[data-progress="1"] .inset .percentage .numbers{width:114px}.radial-progress[data-progress="2"] .circle .fill,.radial-progress[data-progress="2"] .circle .mask.full{transform:rotate(3.6deg)}.radial-progress[data-progress="2"] .circle .fill.fix{transform:rotate(7.2deg)}.radial-progress[data-progress="2"] .inset .percentage .numbers{width:171px}.radial-progress[data-progress="3"] .circle .fill,.radial-progress[data-progress="3"] .circle .mask.full{transform:rotate(5.4deg)}.radial-progress[data-progress="3"] .circle .fill.fix{transform:rotate(10.8deg)}.radial-progress[data-progress="3"] .inset .percentage .numbers{width:228px}.radial-progress[data-progress="4"] .circle .fill,.radial-progress[data-progress="4"] .circle .mask.full{transform:rotate(7.2deg)}.radial-progress[data-progress="4"] .circle .fill.fix{transform:rotate(14.4deg)}.radial-progress[data-progress="4"] .inset .percentage .numbers{width:285px}.radial-progress[data-progress="5"] .circle .fill,.radial-progress[data-progress="5"] .circle .mask.full{transform:rotate(9deg)}.radial-progress[data-progress="5"] .circle .fill.fix{transform:rotate(18deg)}.radial-progress[data-progress="5"] .inset .percentage .numbers{width:342px}.radial-progress[data-progress="6"] .circle .fill,.radial-progress[data-progress="6"] .circle .mask.full{transform:rotate(10.8deg)}.radial-progress[data-progress="6"] .circle .fill.fix{transform:rotate(21.6deg)}.radial-progress[data-progress="6"] .inset .percentage .numbers{width:399px}.radial-progress[data-progress="7"] .circle .fill,.radial-progress[data-progress="7"] .circle .mask.full{transform:rotate(12.6deg)}.radial-progress[data-progress="7"] .circle .fill.fix{transform:rotate(25.2deg)}.radial-progress[data-progress="7"] .inset .percentage .numbers{width:456px}.radial-progress[data-progress="8"] .circle .fill,.radial-progress[data-progress="8"] .circle .mask.full{transform:rotate(14.4deg)}.radial-progress[data-progress="8"] .circle .fill.fix{transform:rotate(28.8deg)}.radial-progress[data-progress="8"] .inset .percentage .numbers{width:513px}.radial-progress[data-progress="9"] .circle .fill,.radial-progress[data-progress="9"] .circle .mask.full{transform:rotate(16.2deg)}.radial-progress[data-progress="9"] .circle .fill.fix{transform:rotate(32.4deg)}.radial-progress[data-progress="9"] .inset .percentage .numbers{width:570px}.radial-progress[data-progress="10"] .circle .fill,.radial-progress[data-progress="10"] .circle .mask.full{transform:rotate(18deg)}.radial-progress[data-progress="10"] .circle .fill.fix{transform:rotate(36deg)}.radial-progress[data-progress="10"] .inset .percentage .numbers{width:627px}.radial-progress[data-progress="11"] .circle .fill,.radial-progress[data-progress="11"] .circle .mask.full{transform:rotate(19.8deg)}.radial-progress[data-progress="11"] .circle .fill.fix{transform:rotate(39.6deg)}.radial-progress[data-progress="11"] .inset .percentage .numbers{width:684px}.radial-progress[data-progress="12"] .circle .fill,.radial-progress[data-progress="12"] .circle .mask.full{transform:rotate(21.6deg)}.radial-progress[data-progress="12"] .circle .fill.fix{transform:rotate(43.2deg)}.radial-progress[data-progress="12"] .inset .percentage .numbers{width:741px}.radial-progress[data-progress="13"] .circle .fill,.radial-progress[data-progress="13"] .circle .mask.full{transform:rotate(23.4deg)}.radial-progress[data-progress="13"] .circle .fill.fix{transform:rotate(46.8deg)}.radial-progress[data-progress="13"] .inset .percentage .numbers{width:798px}.radial-progress[data-progress="14"] .circle .fill,.radial-progress[data-progress="14"] .circle .mask.full{transform:rotate(25.2deg)}.radial-progress[data-progress="14"] .circle .fill.fix{transform:rotate(50.4deg)}.radial-progress[data-progress="14"] .inset .percentage .numbers{width:855px}.radial-progress[data-progress="15"] .circle .fill,.radial-progress[data-progress="15"] .circle .mask.full{transform:rotate(27deg)}.radial-progress[data-progress="15"] .circle .fill.fix{transform:rotate(54deg)}.radial-progress[data-progress="15"] .inset .percentage .numbers{width:912px}.radial-progress[data-progress="16"] .circle .fill,.radial-progress[data-progress="16"] .circle .mask.full{transform:rotate(28.8deg)}.radial-progress[data-progress="16"] .circle .fill.fix{transform:rotate(57.6deg)}.radial-progress[data-progress="16"] .inset .percentage .numbers{width:969px}.radial-progress[data-progress="17"] .circle .fill,.radial-progress[data-progress="17"] .circle .mask.full{transform:rotate(30.6deg)}.radial-progress[data-progress="17"] .circle .fill.fix{transform:rotate(61.2deg)}.radial-progress[data-progress="17"] .inset .percentage .numbers{width:1026px}.radial-progress[data-progress="18"] .circle .fill,.radial-progress[data-progress="18"] .circle .mask.full{transform:rotate(32.4deg)}.radial-progress[data-progress="18"] .circle .fill.fix{transform:rotate(64.8deg)}.radial-progress[data-progress="18"] .inset .percentage .numbers{width:1083px}.radial-progress[data-progress="19"] .circle .fill,.radial-progress[data-progress="19"] .circle .mask.full{transform:rotate(34.2deg)}.radial-progress[data-progress="19"] .circle .fill.fix{transform:rotate(68.4deg)}.radial-progress[data-progress="19"] .inset .percentage .numbers{width:1140px}.radial-progress[data-progress="20"] .circle .fill,.radial-progress[data-progress="20"] .circle .mask.full{transform:rotate(36deg)}.radial-progress[data-progress="20"] .circle .fill.fix{transform:rotate(72deg)}.radial-progress[data-progress="20"] .inset .percentage .numbers{width:1197px}.radial-progress[data-progress="21"] .circle .fill,.radial-progress[data-progress="21"] .circle .mask.full{transform:rotate(37.8deg)}.radial-progress[data-progress="21"] .circle .fill.fix{transform:rotate(75.6deg)}.radial-progress[data-progress="21"] .inset .percentage .numbers{width:1254px}.radial-progress[data-progress="22"] .circle .fill,.radial-progress[data-progress="22"] .circle .mask.full{transform:rotate(39.6deg)}.radial-progress[data-progress="22"] .circle .fill.fix{transform:rotate(79.2deg)}.radial-progress[data-progress="22"] .inset .percentage .numbers{width:1311px}.radial-progress[data-progress="23"] .circle .fill,.radial-progress[data-progress="23"] .circle .mask.full{transform:rotate(41.4deg)}.radial-progress[data-progress="23"] .circle .fill.fix{transform:rotate(82.8deg)}.radial-progress[data-progress="23"] .inset .percentage .numbers{width:1368px}.radial-progress[data-progress="24"] .circle .fill,.radial-progress[data-progress="24"] .circle .mask.full{transform:rotate(43.2deg)}.radial-progress[data-progress="24"] .circle .fill.fix{transform:rotate(86.4deg)}.radial-progress[data-progress="24"] .inset .percentage .numbers{width:1420px}.radial-progress[data-progress="25"] .circle .fill,.radial-progress[data-progress="25"] .circle .mask.full{transform:rotate(45deg)}.radial-progress[data-progress="25"] .circle .fill.fix{transform:rotate(90deg)}.radial-progress[data-progress="25"] .inset .percentage .numbers{width:1482px}.radial-progress[data-progress="26"] .circle .fill,.radial-progress[data-progress="26"] .circle .mask.full{transform:rotate(46.8deg)}.radial-progress[data-progress="26"] .circle .fill.fix{transform:rotate(93.6deg)}.radial-progress[data-progress="26"] .inset .percentage .numbers{width:1539px}.radial-progress[data-progress="27"] .circle .fill,.radial-progress[data-progress="27"] .circle .mask.full{transform:rotate(48.6deg)}.radial-progress[data-progress="27"] .circle .fill.fix{transform:rotate(97.2deg)}.radial-progress[data-progress="27"] .inset .percentage .numbers{width:1596px}.radial-progress[data-progress="28"] .circle .fill,.radial-progress[data-progress="28"] .circle .mask.full{transform:rotate(50.4deg)}.radial-progress[data-progress="28"] .circle .fill.fix{transform:rotate(100.8deg)}.radial-progress[data-progress="28"] .inset .percentage .numbers{width:1653px}.radial-progress[data-progress="29"] .circle .fill,.radial-progress[data-progress="29"] .circle .mask.full{transform:rotate(52.2deg)}.radial-progress[data-progress="29"] .circle .fill.fix{transform:rotate(104.4deg)}.radial-progress[data-progress="29"] .inset .percentage .numbers{width:1710px}.radial-progress[data-progress="30"] .circle .fill,.radial-progress[data-progress="30"] .circle .mask.full{transform:rotate(54deg)}.radial-progress[data-progress="30"] .circle .fill.fix{transform:rotate(108deg)}.radial-progress[data-progress="30"] .inset .percentage .numbers{width:1767px}.radial-progress[data-progress="31"] .circle .fill,.radial-progress[data-progress="31"] .circle .mask.full{transform:rotate(55.8deg)}.radial-progress[data-progress="31"] .circle .fill.fix{transform:rotate(.31turn)}.radial-progress[data-progress="31"] .inset .percentage .numbers{width:1824px}.radial-progress[data-progress="32"] .circle .fill,.radial-progress[data-progress="32"] .circle .mask.full{transform:rotate(57.6deg)}.radial-progress[data-progress="32"] .circle .fill.fix{transform:rotate(.32turn)}.radial-progress[data-progress="32"] .inset .percentage .numbers{width:1881px}.radial-progress[data-progress="33"] .circle .fill,.radial-progress[data-progress="33"] .circle .mask.full{transform:rotate(59.4deg)}.radial-progress[data-progress="33"] .circle .fill.fix{transform:rotate(.33turn)}.radial-progress[data-progress="33"] .inset .percentage .numbers{width:1938px}.radial-progress[data-progress="34"] .circle .fill,.radial-progress[data-progress="34"] .circle .mask.full{transform:rotate(61.2deg)}.radial-progress[data-progress="34"] .circle .fill.fix{transform:rotate(.34turn)}.radial-progress[data-progress="34"] .inset .percentage .numbers{width:1995px}.radial-progress[data-progress="35"] .circle .fill,.radial-progress[data-progress="35"] .circle .mask.full{transform:rotate(63deg)}.radial-progress[data-progress="35"] .circle .fill.fix{transform:rotate(126deg)}.radial-progress[data-progress="35"] .inset .percentage .numbers{width:2052px}.radial-progress[data-progress="36"] .circle .fill,.radial-progress[data-progress="36"] .circle .mask.full{transform:rotate(64.8deg)}.radial-progress[data-progress="36"] .circle .fill.fix{transform:rotate(.36turn)}.radial-progress[data-progress="36"] .inset .percentage .numbers{width:2109px}.radial-progress[data-progress="37"] .circle .fill,.radial-progress[data-progress="37"] .circle .mask.full{transform:rotate(66.6deg)}.radial-progress[data-progress="37"] .circle .fill.fix{transform:rotate(.37turn)}.radial-progress[data-progress="37"] .inset .percentage .numbers{width:2166px}.radial-progress[data-progress="38"] .circle .fill,.radial-progress[data-progress="38"] .circle .mask.full{transform:rotate(68.4deg)}.radial-progress[data-progress="38"] .circle .fill.fix{transform:rotate(.38turn)}.radial-progress[data-progress="38"] .inset .percentage .numbers{width:2223px}.radial-progress[data-progress="39"] .circle .fill,.radial-progress[data-progress="39"] .circle .mask.full{transform:rotate(70.2deg)}.radial-progress[data-progress="39"] .circle .fill.fix{transform:rotate(.39turn)}.radial-progress[data-progress="39"] .inset .percentage .numbers{width:2280px}.radial-progress[data-progress="40"] .circle .fill,.radial-progress[data-progress="40"] .circle .mask.full{transform:rotate(72deg)}.radial-progress[data-progress="40"] .circle .fill.fix{transform:rotate(144deg)}.radial-progress[data-progress="40"] .inset .percentage .numbers{width:2337px}.radial-progress[data-progress="41"] .circle .fill,.radial-progress[data-progress="41"] .circle .mask.full{transform:rotate(73.8deg)}.radial-progress[data-progress="41"] .circle .fill.fix{transform:rotate(.41turn)}.radial-progress[data-progress="41"] .inset .percentage .numbers{width:2394px}.radial-progress[data-progress="42"] .circle .fill,.radial-progress[data-progress="42"] .circle .mask.full{transform:rotate(75.6deg)}.radial-progress[data-progress="42"] .circle .fill.fix{transform:rotate(.42turn)}.radial-progress[data-progress="42"] .inset .percentage .numbers{width:2451px}.radial-progress[data-progress="43"] .circle .fill,.radial-progress[data-progress="43"] .circle .mask.full{transform:rotate(77.4deg)}.radial-progress[data-progress="43"] .circle .fill.fix{transform:rotate(154.8deg)}.radial-progress[data-progress="43"] .inset .percentage .numbers{width:2508px}.radial-progress[data-progress="44"] .circle .fill,.radial-progress[data-progress="44"] .circle .mask.full{transform:rotate(79.2deg)}.radial-progress[data-progress="44"] .circle .fill.fix{transform:rotate(.44turn)}.radial-progress[data-progress="44"] .inset .percentage .numbers{width:2565px}.radial-progress[data-progress="45"] .circle .fill,.radial-progress[data-progress="45"] .circle .mask.full{transform:rotate(81deg)}.radial-progress[data-progress="45"] .circle .fill.fix{transform:rotate(162deg)}.radial-progress[data-progress="45"] .inset .percentage .numbers{width:2622px}.radial-progress[data-progress="46"] .circle .fill,.radial-progress[data-progress="46"] .circle .mask.full{transform:rotate(82.8deg)}.radial-progress[data-progress="46"] .circle .fill.fix{transform:rotate(165.6deg)}.radial-progress[data-progress="46"] .inset .percentage .numbers{width:2679px}.radial-progress[data-progress="47"] .circle .fill,.radial-progress[data-progress="47"] .circle .mask.full{transform:rotate(84.6deg)}.radial-progress[data-progress="47"] .circle .fill.fix{transform:rotate(.47turn)}.radial-progress[data-progress="47"] .inset .percentage .numbers{width:2736px}.radial-progress[data-progress="48"] .circle .fill,.radial-progress[data-progress="48"] .circle .mask.full{transform:rotate(86.4deg)}.radial-progress[data-progress="48"] .circle .fill.fix{transform:rotate(172.8deg)}.radial-progress[data-progress="48"] .inset .percentage .numbers{width:2793px}.radial-progress[data-progress="49"] .circle .fill,.radial-progress[data-progress="49"] .circle .mask.full{transform:rotate(88.2deg)}.radial-progress[data-progress="49"] .circle .fill.fix{transform:rotate(.49turn)}.radial-progress[data-progress="49"] .inset .percentage .numbers{width:2840px}.radial-progress[data-progress="50"] .circle .fill,.radial-progress[data-progress="50"] .circle .mask.full{transform:rotate(90deg)}.radial-progress[data-progress="50"] .circle .fill.fix{transform:rotate(180deg)}.radial-progress[data-progress="50"] .inset .percentage .numbers{width:2907px}.radial-progress[data-progress="51"] .circle .fill,.radial-progress[data-progress="51"] .circle .mask.full{transform:rotate(91.8deg)}.radial-progress[data-progress="51"] .circle .fill.fix{transform:rotate(.51turn)}.radial-progress[data-progress="51"] .inset .percentage .numbers{width:2964px}.radial-progress[data-progress="52"] .circle .fill,.radial-progress[data-progress="52"] .circle .mask.full{transform:rotate(93.6deg)}.radial-progress[data-progress="52"] .circle .fill.fix{transform:rotate(.52turn)}.radial-progress[data-progress="52"] .inset .percentage .numbers{width:3021px}.radial-progress[data-progress="53"] .circle .fill,.radial-progress[data-progress="53"] .circle .mask.full{transform:rotate(95.4deg)}.radial-progress[data-progress="53"] .circle .fill.fix{transform:rotate(.53turn)}.radial-progress[data-progress="53"] .inset .percentage .numbers{width:3078px}.radial-progress[data-progress="54"] .circle .fill,.radial-progress[data-progress="54"] .circle .mask.full{transform:rotate(97.2deg)}.radial-progress[data-progress="54"] .circle .fill.fix{transform:rotate(.54turn)}.radial-progress[data-progress="54"] .inset .percentage .numbers{width:3135px}.radial-progress[data-progress="55"] .circle .fill,.radial-progress[data-progress="55"] .circle .mask.full{transform:rotate(99deg)}.radial-progress[data-progress="55"] .circle .fill.fix{transform:rotate(198deg)}.radial-progress[data-progress="55"] .inset .percentage .numbers{width:3192px}.radial-progress[data-progress="56"] .circle .fill,.radial-progress[data-progress="56"] .circle .mask.full{transform:rotate(100.8deg)}.radial-progress[data-progress="56"] .circle .fill.fix{transform:rotate(201.6deg)}.radial-progress[data-progress="56"] .inset .percentage .numbers{width:3249px}.radial-progress[data-progress="57"] .circle .fill,.radial-progress[data-progress="57"] .circle .mask.full{transform:rotate(102.6deg)}.radial-progress[data-progress="57"] .circle .fill.fix{transform:rotate(.57turn)}.radial-progress[data-progress="57"] .inset .percentage .numbers{width:3306px}.radial-progress[data-progress="58"] .circle .fill,.radial-progress[data-progress="58"] .circle .mask.full{transform:rotate(104.4deg)}.radial-progress[data-progress="58"] .circle .fill.fix{transform:rotate(208.8deg)}.radial-progress[data-progress="58"] .inset .percentage .numbers{width:3363px}.radial-progress[data-progress="59"] .circle .fill,.radial-progress[data-progress="59"] .circle .mask.full{transform:rotate(106.2deg)}.radial-progress[data-progress="59"] .circle .fill.fix{transform:rotate(.59turn)}.radial-progress[data-progress="59"] .inset .percentage .numbers{width:3420px}.radial-progress[data-progress="60"] .circle .fill,.radial-progress[data-progress="60"] .circle .mask.full{transform:rotate(108deg)}.radial-progress[data-progress="60"] .circle .fill.fix{transform:rotate(216deg)}.radial-progress[data-progress="60"] .inset .percentage .numbers{width:3477px}.radial-progress[data-progress="61"] .circle .fill,.radial-progress[data-progress="61"] .circle .mask.full{transform:rotate(109.8deg)}.radial-progress[data-progress="61"] .circle .fill.fix{transform:rotate(.61turn)}.radial-progress[data-progress="61"] .inset .percentage .numbers{width:3534px}.radial-progress[data-progress="62"] .circle .fill,.radial-progress[data-progress="62"] .circle .mask.full{transform:rotate(.31turn)}.radial-progress[data-progress="62"] .circle .fill.fix{transform:rotate(.62turn)}.radial-progress[data-progress="62"] .inset .percentage .numbers{width:3591px}.radial-progress[data-progress="63"] .circle .fill,.radial-progress[data-progress="63"] .circle .mask.full{transform:rotate(113.4deg)}.radial-progress[data-progress="63"] .circle .fill.fix{transform:rotate(.63turn)}.radial-progress[data-progress="63"] .inset .percentage .numbers{width:3648px}.radial-progress[data-progress="64"] .circle .fill,.radial-progress[data-progress="64"] .circle .mask.full{transform:rotate(.32turn)}.radial-progress[data-progress="64"] .circle .fill.fix{transform:rotate(.64turn)}.radial-progress[data-progress="64"] .inset .percentage .numbers{width:3705px}.radial-progress[data-progress="65"] .circle .fill,.radial-progress[data-progress="65"] .circle .mask.full{transform:rotate(117deg)}.radial-progress[data-progress="65"] .circle .fill.fix{transform:rotate(234deg)}.radial-progress[data-progress="65"] .inset .percentage .numbers{width:3762px}.radial-progress[data-progress="66"] .circle .fill,.radial-progress[data-progress="66"] .circle .mask.full{transform:rotate(.33turn)}.radial-progress[data-progress="66"] .circle .fill.fix{transform:rotate(.66turn)}.radial-progress[data-progress="66"] .inset .percentage .numbers{width:3819px}.radial-progress[data-progress="67"] .circle .fill,.radial-progress[data-progress="67"] .circle .mask.full{transform:rotate(120.6deg)}.radial-progress[data-progress="67"] .circle .fill.fix{transform:rotate(241.2deg)}.radial-progress[data-progress="67"] .inset .percentage .numbers{width:3876px}.radial-progress[data-progress="68"] .circle .fill,.radial-progress[data-progress="68"] .circle .mask.full{transform:rotate(.34turn)}.radial-progress[data-progress="68"] .circle .fill.fix{transform:rotate(.68turn)}.radial-progress[data-progress="68"] .inset .percentage .numbers{width:3933px}.radial-progress[data-progress="69"] .circle .fill,.radial-progress[data-progress="69"] .circle .mask.full{transform:rotate(124.2deg)}.radial-progress[data-progress="69"] .circle .fill.fix{transform:rotate(248.4deg)}.radial-progress[data-progress="69"] .inset .percentage .numbers{width:3937.5px}.radial-progress[data-progress="70"] .circle .fill,.radial-progress[data-progress="70"] .circle .mask.full{transform:rotate(126deg)}.radial-progress[data-progress="70"] .circle .fill.fix{transform:rotate(252deg)}.radial-progress[data-progress="70"] .inset .percentage .numbers{width:4047px}.radial-progress[data-progress="71"] .circle .fill,.radial-progress[data-progress="71"] .circle .mask.full{transform:rotate(127.8deg)}.radial-progress[data-progress="71"] .circle .fill.fix{transform:rotate(.71turn)}.radial-progress[data-progress="71"] .inset .percentage .numbers{width:4104px}.radial-progress[data-progress="72"] .circle .fill,.radial-progress[data-progress="72"] .circle .mask.full{transform:rotate(.36turn)}.radial-progress[data-progress="72"] .circle .fill.fix{transform:rotate(.72turn)}.radial-progress[data-progress="72"] .inset .percentage .numbers{width:4161px}.radial-progress[data-progress="73"] .circle .fill,.radial-progress[data-progress="73"] .circle .mask.full{transform:rotate(131.4deg)}.radial-progress[data-progress="73"] .circle .fill.fix{transform:rotate(.73turn)}.radial-progress[data-progress="73"] .inset .percentage .numbers{width:4218px}.radial-progress[data-progress="74"] .circle .fill,.radial-progress[data-progress="74"] .circle .mask.full{transform:rotate(.37turn)}.radial-progress[data-progress="74"] .circle .fill.fix{transform:rotate(.74turn)}.radial-progress[data-progress="74"] .inset .percentage .numbers{width:4275px}.radial-progress[data-progress="75"] .circle .fill,.radial-progress[data-progress="75"] .circle .mask.full{transform:rotate(135deg)}.radial-progress[data-progress="75"] .circle .fill.fix{transform:rotate(270deg)}.radial-progress[data-progress="75"] .inset .percentage .numbers{width:4332px}.radial-progress[data-progress="76"] .circle .fill,.radial-progress[data-progress="76"] .circle .mask.full{transform:rotate(.38turn)}.radial-progress[data-progress="76"] .circle .fill.fix{transform:rotate(.76turn)}.radial-progress[data-progress="76"] .inset .percentage .numbers{width:4389px}.radial-progress[data-progress="77"] .circle .fill,.radial-progress[data-progress="77"] .circle .mask.full{transform:rotate(138.6deg)}.radial-progress[data-progress="77"] .circle .fill.fix{transform:rotate(.77turn)}.radial-progress[data-progress="77"] .inset .percentage .numbers{width:4446px}.radial-progress[data-progress="78"] .circle .fill,.radial-progress[data-progress="78"] .circle .mask.full{transform:rotate(.39turn)}.radial-progress[data-progress="78"] .circle .fill.fix{transform:rotate(.78turn)}.radial-progress[data-progress="78"] .inset .percentage .numbers{width:4503px}.radial-progress[data-progress="79"] .circle .fill,.radial-progress[data-progress="79"] .circle .mask.full{transform:rotate(142.2deg)}.radial-progress[data-progress="79"] .circle .fill.fix{transform:rotate(284.4deg)}.radial-progress[data-progress="79"] .inset .percentage .numbers{width:4520px}.radial-progress[data-progress="80"] .circle .fill,.radial-progress[data-progress="80"] .circle .mask.full{transform:rotate(144deg)}.radial-progress[data-progress="80"] .circle .fill.fix{transform:rotate(288deg)}.radial-progress[data-progress="80"] .inset .percentage .numbers{width:4617px}.radial-progress[data-progress="81"] .circle .fill,.radial-progress[data-progress="81"] .circle .mask.full{transform:rotate(145.8deg)}.radial-progress[data-progress="81"] .circle .fill.fix{transform:rotate(.81turn)}.radial-progress[data-progress="81"] .inset .percentage .numbers{width:4674px}.radial-progress[data-progress="82"] .circle .fill,.radial-progress[data-progress="82"] .circle .mask.full{transform:rotate(.41turn)}.radial-progress[data-progress="82"] .circle .fill.fix{transform:rotate(.82turn)}.radial-progress[data-progress="82"] .inset .percentage .numbers{width:4731px}.radial-progress[data-progress="83"] .circle .fill,.radial-progress[data-progress="83"] .circle .mask.full{transform:rotate(149.4deg)}.radial-progress[data-progress="83"] .circle .fill.fix{transform:rotate(298.8deg)}.radial-progress[data-progress="83"] .inset .percentage .numbers{width:4788px}.radial-progress[data-progress="84"] .circle .fill,.radial-progress[data-progress="84"] .circle .mask.full{transform:rotate(.42turn)}.radial-progress[data-progress="84"] .circle .fill.fix{transform:rotate(.84turn)}.radial-progress[data-progress="84"] .inset .percentage .numbers{width:4845px}.radial-progress[data-progress="85"] .circle .fill,.radial-progress[data-progress="85"] .circle .mask.full{transform:rotate(153deg)}.radial-progress[data-progress="85"] .circle .fill.fix{transform:rotate(306deg)}.radial-progress[data-progress="85"] .inset .percentage .numbers{width:4902px}.radial-progress[data-progress="86"] .circle .fill,.radial-progress[data-progress="86"] .circle .mask.full{transform:rotate(154.8deg)}.radial-progress[data-progress="86"] .circle .fill.fix{transform:rotate(309.6deg)}.radial-progress[data-progress="86"] .inset .percentage .numbers{width:4959px}.radial-progress[data-progress="87"] .circle .fill,.radial-progress[data-progress="87"] .circle .mask.full{transform:rotate(156.6deg)}.radial-progress[data-progress="87"] .circle .fill.fix{transform:rotate(.87turn)}.radial-progress[data-progress="87"] .inset .percentage .numbers{width:5016px}.radial-progress[data-progress="88"] .circle .fill,.radial-progress[data-progress="88"] .circle .mask.full{transform:rotate(.44turn)}.radial-progress[data-progress="88"] .circle .fill.fix{transform:rotate(.88turn)}.radial-progress[data-progress="88"] .inset .percentage .numbers{width:5073px}.radial-progress[data-progress="89"] .circle .fill,.radial-progress[data-progress="89"] .circle .mask.full{transform:rotate(160.2deg)}.radial-progress[data-progress="89"] .circle .fill.fix{transform:rotate(320.4deg)}.radial-progress[data-progress="89"] .inset .percentage .numbers{width:5130px}.radial-progress[data-progress="90"] .circle .fill,.radial-progress[data-progress="90"] .circle .mask.full{transform:rotate(162deg)}.radial-progress[data-progress="90"] .circle .fill.fix{transform:rotate(324deg)}.radial-progress[data-progress="90"] .inset .percentage .numbers{width:5187px}.radial-progress[data-progress="91"] .circle .fill,.radial-progress[data-progress="91"] .circle .mask.full{transform:rotate(163.8deg)}.radial-progress[data-progress="91"] .circle .fill.fix{transform:rotate(.91turn)}.radial-progress[data-progress="91"] .inset .percentage .numbers{width:5244px}.radial-progress[data-progress="92"] .circle .fill,.radial-progress[data-progress="92"] .circle .mask.full{transform:rotate(165.6deg)}.radial-progress[data-progress="92"] .circle .fill.fix{transform:rotate(331.2deg)}.radial-progress[data-progress="92"] .inset .percentage .numbers{width:5301px}.radial-progress[data-progress="93"] .circle .fill,.radial-progress[data-progress="93"] .circle .mask.full{transform:rotate(167.4deg)}.radial-progress[data-progress="93"] .circle .fill.fix{transform:rotate(.93turn)}.radial-progress[data-progress="93"] .inset .percentage .numbers{width:5358px}.radial-progress[data-progress="94"] .circle .fill,.radial-progress[data-progress="94"] .circle .mask.full{transform:rotate(.47turn)}.radial-progress[data-progress="94"] .circle .fill.fix{transform:rotate(.94turn)}.radial-progress[data-progress="94"] .inset .percentage .numbers{width:5415px}.radial-progress[data-progress="95"] .circle .fill,.radial-progress[data-progress="95"] .circle .mask.full{transform:rotate(171deg)}.radial-progress[data-progress="95"] .circle .fill.fix{transform:rotate(342deg)}.radial-progress[data-progress="95"] .inset .percentage .numbers{width:5472px}.radial-progress[data-progress="96"] .circle .fill,.radial-progress[data-progress="96"] .circle .mask.full{transform:rotate(172.8deg)}.radial-progress[data-progress="96"] .circle .fill.fix{transform:rotate(345.6deg)}.radial-progress[data-progress="96"] .inset .percentage .numbers{width:5529px}.radial-progress[data-progress="97"] .circle .fill,.radial-progress[data-progress="97"] .circle .mask.full{transform:rotate(174.6deg)}.radial-progress[data-progress="97"] .circle .fill.fix{transform:rotate(.97turn)}.radial-progress[data-progress="97"] .inset .percentage .numbers{width:5586px}.radial-progress[data-progress="98"] .circle .fill,.radial-progress[data-progress="98"] .circle .mask.full{transform:rotate(.49turn)}.radial-progress[data-progress="98"] .circle .fill.fix{transform:rotate(.98turn)}.radial-progress[data-progress="98"] .inset .percentage .numbers{width:5643px}.radial-progress[data-progress="99"] .circle .fill,.radial-progress[data-progress="99"] .circle .mask.full{transform:rotate(178.2deg)}.radial-progress[data-progress="99"] .circle .fill.fix{transform:rotate(.99turn)}.radial-progress[data-progress="99"] .inset .percentage .numbers{width:5700px}.radial-progress[data-progress="100"] .circle .fill,.radial-progress[data-progress="100"] .circle .mask.full{transform:rotate(180deg)}.radial-progress[data-progress="100"] .circle .fill.fix{transform:rotate(1turn)}.radial-progress[data-progress="100"] .inset .percentage .numbers{width:5757px}.hint h3,.solution h3{font-size:18px;font-weight:700}.hint{margin-bottom:10px}.free-answer{padding:5px 10px;font-family:Noto Sans,Noto Sans SC,sans-serif}.free-answer .question>p{padding-top:7px;font-size:14px;font-weight:700}.free-answer input,.free-answer span{font-family:monaco,Consolas,Lucida Console,monospace}.free-answer span{color:#4f4f4f}.free-answer .check-answer{margin-left:15px}.free-answer .check-answer button{margin-top:-2px}.free-answer input{min-width:150px;width:auto;display:inline-block}.free-answer .actions button:hover{cursor:pointer}.free-answer .explanation p{font-size:14px}strong.definition{font-weight:400;border-bottom:1px dotted #cfcfcf}strong.definition>em{font-style:normal}strong.definition:hover{cursor:pointer}.definition-popover{font-family:Noto Sans,Noto Sans SC,sans-serif}.definition-popover .not-found{color:red}body{background:var(--body-bgd);background-size:cover;background-attachment:fixed;background-repeat:no-repeat}.btn{cursor:pointer}.btn-primary{background:var(--primary-button-bgd-color)!important;color:var(--primary-button-color)!important;border-color:var(--primary-button-bgd-color)!important}.btn-primary:active,.btn-primary:focus,.btn-primary:hover{background:var(--primary-button-hover-color)!important;border-color:var(--primary-button-hover-color)!important}.btn-primary:active,.btn-primary:focus{box-shadow:0 0 0 .2rem var(--primary-button-hover-color-t50)!important}.bg-primary{background:var(--primary-button-bgd-color)!important;color:var(--primary-button-color)!important}.text-primary{color:var(--primary-color)!important}.btn-outline-primary{border-color:var(--primary-button-bgd-color);color:var(--primary-button-bgd-color)}.btn-outline-primary:hover{background:var(--primary-button-bgd-color)}.btn-dark{background:#56524a!important;color:#fff!important;border:none!important}a{color:var(--primary-button-bgd-color)}.notebook-cell:not(.mdx-cell) table{padding:5px 10px}.notebook-cell:not(.mdx-cell) table,table.theme__table{display:block;overflow:auto;word-break:normal;word-break:keep-all;border-collapse:collapse;border-spacing:0;margin-top:16px;margin-bottom:16px;line-height:22px;font-family:Noto Sans,Noto Sans SC,sans-serif}.notebook-cell:not(.mdx-cell) table td,.notebook-cell:not(.mdx-cell) table th,table.theme__table td,table.theme__table th{padding:5px 10px}.notebook-cell:not(.mdx-cell) table pre,table.theme__table pre{margin-bottom:0}.notebook-cell:not(.mdx-cell) table th,table.theme__table th{font-weight:700;text-align:center}.notebook-cell:not(.mdx-cell) table td,.notebook-cell:not(.mdx-cell) table th,table.theme__table td,table.theme__table th{padding:.35rem .75rem;border:1px solid #ddd}.notebook-cell:not(.mdx-cell) table tr,table.theme__table tr{background-color:#fff;border-top:1px solid #ccc}.notebook-cell:not(.mdx-cell) table tr:nth-child(2n),table.theme__table tr:nth-child(2n){background-color:#f8f8f8}[data-mdx]{padding:0 10px}[data-mdx]:empty{-webkit-animation:shimmer 2s infinite;animation:shimmer 2s infinite;background:linear-gradient(90deg,#f0f0f0 0,#e0e0e0 50%,#f0f0f0);background-size:960px 100%;height:100px;margin:0 10px;border-radius:6px}@-webkit-keyframes shimmer{0%{background-position:-960px 0}to{background-position:960px 0}}@keyframes shimmer{0%{background-position:-960px 0}to{background-position:960px 0}}.sample-code-editor-project__button,.start-code-editor-project__button{text-align:center}.sample-code-editor-project__button .btn,.start-code-editor-project__button .btn{background-color:transparent;transition:background-color .3s ease-in-out;color:var(--primary-button-bgd-color);font-size:18px;border:2px solid;line-height:0;padding:22px 18px 24px}.sample-code-editor-project__button .btn:focus,.start-code-editor-project__button .btn:focus{box-shadow:0 0 0 .2rem var(--primary-button-hover-color-t50)}:root{--lesson-bar-height:40px;--body-bgd:#4f9cee url(/code/assets/image/python/toxic-jungle/background@2x.png);--body-color:#282e33;--footer-color:#fff;--heading-weight:bold;--heading-color:var(--body-color);--primary-heading-size:32px;--primary-heading-weight:700;--primary-heading-color:var(--primary-color);--primary-heading-alignment:center;--secondary-heading-size:20px;--primary-color:#cc3668;--primary-button-color:#fff;--primary-button-bgd-color:var(--primary-color);--primary-button-border-color:#992954;--primary-button-hover-color:#992954;--primary-button-hover-color-t50:rgba(153,41,84,0.5);--primary-button-radius:4px;--inverse-button-bgd-color:var(--primary-button-bgd-color);--inverse-button-color:var(--primary-button-color)}.theme-python-toxic-jungle .notebook-cell-divider,.theme-python-toxic-jungle .notebook-cell .state{display:none}.theme-python-toxic-jungle .notebook-cell{margin:12px 0}.theme-python-toxic-jungle .notebook-cell.with-indicator{margin:30px 0 20px}.theme-python-toxic-jungle .embed-responsive{border:4px solid #ccc;border-radius:5px}.theme-python-toxic-jungle h1{font-size:32px;text-align:center;font-weight:900;font-family:Noto Sans,sans-serif}.theme-python-toxic-jungle .align-middle.h4{color:#282e33!important;font-size:20px;font-weight:700;margin-left:-20px}.theme-python-toxic-jungle .btn-info.btn-lg.btn.btn-block.py-4{background-color:var(--primary-button-bgd-color);transition:background-color .3s ease-in-out;color:#fff;font-size:18px;padding:0 20px;border-radius:20px;border:2px solid var(--primary-button-bgd-color);line-height:0;padding:1rem!important;margin:0 auto;width:33%}.theme-python-toxic-jungle .btn-info.btn-lg.btn.btn-block.py-4:focus{box-shadow:0 0 0 .2rem var(--primary-button-hover-color-t50)}.theme-python-toxic-jungle .border-warning{border-color:#0d8ecb!important}.theme-python-toxic-jungle .border-secondary{border:0 solid transparent!important}.theme-python-toxic-jungle .border-info{border-color:var(--primary-button-bgd-color)!important}.theme-python-toxic-jungle .indicated{margin-bottom:16px}.theme-python-toxic-jungle .notebook-cell p>img{max-width:100%;width:auto;margin:32px auto;display:block}.theme-python-toxic-jungle .notebook-cell>.indicated>p,.theme-python-toxic-jungle .notebook-cell>p,.theme-python-toxic-jungle .notebook-cell li,.theme-python-toxic-jungle .notebook-sub-cell>p{font-size:16px}.theme-python-toxic-jungle .color-cell{width:14px;height:14px;border-radius:2px;border:1px solid #333}.theme-python-toxic-jungle .tframe .content>div,.theme-python-toxic-jungle .tframe>iframe{min-height:auto}.theme-python-toxic-jungle .tframe .CodeMirror{line-height:20px}.theme-python-toxic-jungle code{background-color:#f3f3f3;font-weight:700;color:inherit;padding:.1rem .3rem}.theme-python-toxic-jungle .notebook-cell:not(.with-indicator) h2,.theme-python-toxic-jungle .notebook-cell:not(.with-indicator) h3{margin:10px 0}.theme-python-toxic-jungle .notebook-cell:not(.with-indicator) h3{font-size:17px}.theme-python-toxic-jungle .notebook-cell .indicated h3{line-height:19px;color:#555}.theme-python-toxic-jungle .notebook-cell .indicated h3+ol,.theme-python-toxic-jungle .notebook-cell .indicated h3+ul{padding-top:12px;padding-left:28px}.theme-python-toxic-jungle .notebook-cell.default-cell .indicator img,.theme-python-toxic-jungle .notebook-cell.iframe-test-cell .indicator img{margin-left:10px}.theme-python-toxic-jungle .notebook-cell.default-cell h1{margin-bottom:26px}.theme-python-toxic-jungle .iframe-demo{width:100%;height:500px;border:2px solid #dee1e6;border-radius:5px}.theme-python-toxic-jungle .notebook-cell.default-cell pre{font-size:14px;line-height:20px;background:#f3f3f3;border-radius:.25rem;padding:5px 10px;margin:5px 10px}.theme-python-toxic-jungle .section--lossless-compression-demo{display:flex;justify-content:space-evenly}.theme-python-toxic-jungle .section--lossless-compression-demo table tr{background:transparent!important}.theme-python-toxic-jungle .section--lossless-compression-demo table td{border:1px solid #000!important;padding:10px!important;width:40px;height:40px;text-align:center}.mdx-popover{position:absolute;z-index:1036}.mdx-media-library{display:inline}.mdx-media-library__container{width:560px}.mdx-media-library__content{display:flex;flex-direction:column;overflow:hidden}.mdx-media-library__header{padding:10px 15px;border-bottom:1px solid rgba(0,0,0,.15);position:relative}.mdx-media-library__title{font-size:1em;font-weight:600;line-height:1;color:#000;margin:0;float:left;padding:4px 0}.mdx-media-library__main{display:flex;height:280px}.mdx-media-library__main__list{overflow:auto;margin:0;padding:0;list-style-type:none;flex:1;text-align:left;min-width:170px;max-width:170px}.mdx-media-library__main__list li{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:12px 30px 12px 15px;white-space:normal;color:rgba(0,0,0,.6)}.mdx-media-library__main__list li:hover{background-color:rgba(0,0,0,.05)}.mdx-media-library__main__list li.is-selected{background-color:rgba(0,0,0,.1)}.mdx-media-library__main__list .top-border{border-top:1px solid #e5e5e5}.mdx-media-library__main__preview{background:rgba(0,0,0,.1);padding:12px 15px 15px;border-left:1px solid rgba(0,0,0,.15);flex-grow:1;overflow:auto;display:flex;flex-wrap:wrap;align-content:flex-start;position:relative;list-style-type:none;margin:0}.mdx-media-library__main__preview li{padding:0!important;width:33%;min-height:25%;border:10px solid transparent!important;cursor:pointer;background-repeat:no-repeat;background-size:contain;background-position:50%}.mdx-media-library__main__preview li:hover{background-color:hsla(0,0%,100%,.75)}.mdx-media-library__main__preview li.is-audio:after{content:attr(title);bottom:10px;position:absolute;text-align:center;margin:0 auto;left:0;right:0}.mdx-media-library__main__preview li.is-audio:before{content:"";top:calc(50% - 35px);left:calc(50% - 25px);display:block;position:absolute;border-top:25px solid transparent;border-bottom:25px solid transparent;border-left:50px solid #ccc}.CodeMirror{font-family:monospace;height:300px;color:#000;direction:ltr}.CodeMirror-lines{padding:4px 0}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{padding:0 4px}.CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler{background-color:#fff}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid #000;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0!important;background:#7e7}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-fat-cursor-mark{background-color:rgba(20,255,20,.5)}.cm-animate-fat-cursor,.cm-fat-cursor-mark{-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite}.cm-animate-fat-cursor{width:auto;border:0;background-color:#7e7}@-moz-keyframes blink{50%{background-color:transparent}}@-webkit-keyframes blink{50%{background-color:transparent}}@keyframes blink{50%{background-color:transparent}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-rulers{position:absolute;left:0;right:0;top:-50px;bottom:0;overflow:hidden}.CodeMirror-ruler{border-left:1px solid #ccc;top:0;bottom:0;position:absolute}.cm-s-default .cm-header{color:#00f}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-type,.cm-s-default .cm-variable-3{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta,.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-invalidchar,.cm-s-default .cm-error{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}.CodeMirror-matchingtag{background:rgba(255,150,0,.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{position:relative;overflow:hidden;background:#fff}.CodeMirror-scroll{overflow:scroll!important;margin-bottom:-50px;margin-right:-50px;padding-bottom:50px;height:100%;outline:none;position:relative}.CodeMirror-sizer{position:relative;border-right:50px solid transparent}.CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar{position:absolute;z-index:6;display:none}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutters{position:absolute;left:0;top:0;min-height:100%;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;vertical-align:top;margin-bottom:-50px}.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:none!important;border:none!important}.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-gutter-wrapper ::selection{background-color:transparent}.CodeMirror-gutter-wrapper ::-moz-selection{background-color:transparent}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:transparent;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual}.CodeMirror-wrap pre.CodeMirror-line,.CodeMirror-wrap pre.CodeMirror-line-like{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;padding:.1px}.CodeMirror-rtl pre{direction:rtl}.CodeMirror-code{outline:none}.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber,.CodeMirror-scroll,.CodeMirror-sizer{-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-cursor{position:absolute;pointer-events:none}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}.CodeMirror-focused div.CodeMirror-cursors,div.CodeMirror-dragcursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background-color:#ffa;background-color:rgba(255,255,0,.4)}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:""}span.CodeMirror-selectedtext{background:none}.code-editor{--left-background-color:#111;--left-color:#fff}.code-editor.is-readonly{--left-background-color:#dee1e6;--left-color:#222}.code-editor.is-unnumbered .CodeMirror{padding:0 6px}.code-editor.is-unselectable{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.code-editor.is-unselectable .CodeMirror-lines{cursor:default}.code-editor.is-unselectable .CodeMirror-selected{background:transparent}.code-editor.is-unselectable:after{content:"";position:absolute;top:0;right:0;left:0;bottom:0;z-index:5}.code-editor__button{-webkit-appearance:button;text-transform:none;overflow:visible;font-family:Noto Sans,Noto Sans SC,sans-serif;font-size:100%;line-height:1.15;margin:0;background:none;border:none;padding:3px 8px;color:inherit;cursor:pointer;white-space:nowrap}.code-editor__button,.code-editor__button:focus{outline:none}.code-editor__button svg{display:inline-block;fill:currentColor;vertical-align:-1px;height:12px;margin-right:2px}.code-editor__button--check,.code-editor__button--run,.code-editor__button--stop{background:var(--primary-color);color:#fff;border-radius:20px;line-height:1;margin:0 8px}.code-editor__button--stop{background:#e15f4b}.code-editor__button--console{color:#7f7f7f}.code-editor__button--collapse,.code-editor__button--expand,.code-editor__button--fullscreen,.code-editor__button--secondary{opacity:.35}.code-editor__button--collapse:hover,.code-editor__button--expand:hover,.code-editor__button--fullscreen:hover,.code-editor__button--secondary:hover{opacity:.75}.code-editor__button--collapse svg,.code-editor__button--expand svg,.code-editor__button--fullscreen svg{height:14px}.code-editor__button--code,.code-editor__button--preview{padding:2px 12px;text-align:left;margin:0;height:30px;flex:1}.code-editor__button--console{padding-left:12px}.code-editor__button--console.is-active{color:#222}.code-editor__button--fullscreen span{text-transform:uppercase;font-size:90%;vertical-align:1px;font-weight:700;padding-right:2px}.code-editor__button--reset-dialog-ok{background:#e15f4b;color:#fff;border-radius:20px;font-size:.9rem}.code-editor__button--reset-dialog-cancel{color:#7f7f7f;font-size:.9rem}.code-editor__reset{position:relative}.code-editor__media-popover,.code-editor__reset-popover{font-family:Noto Sans,Noto Sans SC,sans-serif;text-align:center;background:#fff;border:1px solid #dee1e6;border-radius:.3rem;margin-top:1rem}.code-editor__media-popover:after,.code-editor__media-popover:before,.code-editor__reset-popover:after,.code-editor__reset-popover:before{content:"";top:-1.5rem;left:1.5rem;display:block;margin-left:-.8rem;position:absolute;border:.8rem solid transparent}.code-editor__media-popover:before,.code-editor__reset-popover:before{border-bottom-color:#dee1e6}.code-editor__media-popover:after,.code-editor__reset-popover:after{border-bottom-color:#fff;top:calc(-1.5rem - -1px)}.code-editor__reset-popover{padding:.5rem .75rem}.code-editor__reset-popover__title{font-size:.95rem;font-weight:700;color:#222;margin:0 0 6px}.code-editor__reset-popover__description{color:#7f7f7f;font-size:.8rem;margin-bottom:6px}.code-editor__code .CodeMirror{font-family:Menlo,Monaco,Consolas,Lucida Console,Liberation Mono,monospace!important;font-weight:400}.code-editor__code .CodeMirror-gutter-filler,.code-editor__code .CodeMirror-scrollbar-filler{background-color:inherit}.code-editor__code .CodeMirror-overlayscroll-horizontal div,.code-editor__code .CodeMirror-overlayscroll-vertical div{background:rgba(222,225,230,.5)}.code-editor.is-readonly .code-editor__code .CodeMirror-cursor{display:none}.code-editor__codematch{list-style:none;margin:0;padding:0}.code-editor__codematch__result{position:relative;display:flex;align-items:center;margin-bottom:10px;-webkit-animation:code-match-display 50ms forwards;animation:code-match-display 50ms forwards;opacity:0}.code-editor__codematch__result:before{position:absolute;content:"";top:-10px;left:10px;width:5px;height:10px;background:#dee1e6}.code-editor__codematch__result svg{width:24px;height:24px;fill:currentColor;vertical-align:middle;border:2px solid;border-radius:50%;margin-right:8px;padding:1px;background:#fff}.code-editor__codematch__result--passed{color:#5cb559!important}.code-editor__codematch__result--failed{color:#e15f4b!important}.code-editor__solution{display:flex;flex-direction:column;align-items:flex-end}.code-editor__solution__button{-webkit-appearance:button;text-transform:none;overflow:visible;font-size:12px;line-height:1.15;background:transparent;border:none;padding:0;margin:0;color:#7f7f7f;cursor:pointer;float:right}@-webkit-keyframes code-match-display{0%{opacity:0}to{opacity:1}}@keyframes code-match-display{0%{opacity:0}to{opacity:1}}.CodeMirror-simplescroll-horizontal div,.CodeMirror-simplescroll-vertical div{position:absolute;background:#ccc;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #bbb;border-radius:2px}.CodeMirror-simplescroll-horizontal,.CodeMirror-simplescroll-vertical{position:absolute;z-index:6;background:#eee}.CodeMirror-simplescroll-horizontal{bottom:0;left:0;height:8px}.CodeMirror-simplescroll-horizontal div{bottom:0;height:100%}.CodeMirror-simplescroll-vertical{right:0;top:0;width:8px}.CodeMirror-simplescroll-vertical div{right:0;width:100%}.CodeMirror-overlayscroll .CodeMirror-gutter-filler,.CodeMirror-overlayscroll .CodeMirror-scrollbar-filler{display:none}.CodeMirror-overlayscroll-horizontal div,.CodeMirror-overlayscroll-vertical div{position:absolute;background:#bcd;border-radius:3px}.CodeMirror-overlayscroll-horizontal,.CodeMirror-overlayscroll-vertical{position:absolute;z-index:6}.CodeMirror-overlayscroll-horizontal{bottom:0;left:0;height:6px}.CodeMirror-overlayscroll-horizontal div{bottom:0;height:100%}.CodeMirror-overlayscroll-vertical{right:0;top:0;width:6px}.CodeMirror-overlayscroll-vertical div{right:0;width:100%}.mdx-console-link{color:#222!important}.code-editor-core-layout,.code-editor-core-layout__fullscreen{display:flex;flex-direction:column;background:#dee1e6;border-radius:5px;margin:10px 0;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%}.code-editor-core-layout__bottom,.code-editor-core-layout__main,.code-editor-core-layout__top{display:flex}.code-editor-core-layout__bottom__panel,.code-editor-core-layout__main__panel,.code-editor-core-layout__top__panel{display:flex;flex:1}.code-editor-core-layout__bottom,.code-editor-core-layout__top{flex-shrink:0;font-family:Noto Sans,Noto Sans SC,sans-serif;font-size:13px;height:30px;align-items:center}.code-editor-core-layout__bottom__panel,.code-editor-core-layout__top__panel{align-items:center}.code-editor-core-layout__bottom__panel--left,.code-editor-core-layout__top__panel--left{background:var(--left-background-color);color:var(--left-color);height:30px;min-width:0}.code-editor-core-layout__main{flex:1;height:calc(100% - 60px)}.code-editor-core-layout__main__panel{flex-direction:column;position:relative}.code-editor-core-layout__main__panel--left{border-top:2px solid var(--left-background-color);border-bottom:2px solid var(--left-background-color);overflow-x:auto}.code-editor-core-layout__main__panel--left:after,.code-editor-core-layout__main__panel--left:before{content:"";height:100%;background:var(--left-background-color);position:absolute;top:0;z-index:999}.code-editor-core-layout__main__panel--left.is-expanded:after{right:0;width:2px}.code-editor-core-layout__main__panel--left:before{left:0;width:2px}.code-editor-core-layout__main__panel--right{border-top:2px solid #dee1e6;border-bottom:2px solid #dee1e6;overflow:hidden;display:block}.code-editor-core-layout__main__panel--right:after,.code-editor-core-layout__main__panel--right:before{content:"";height:100%;background:#dee1e6;position:absolute;top:0;z-index:999}.code-editor-core-layout__main__panel--right:after{right:0;width:2px}.code-editor-core-layout__main__panel--right.is-expanded:before{left:0;width:2px}.code-editor-core-layout__preview{position:relative;display:flex;height:100%;width:100%;background:#fff;z-index:1}.code-editor-core-layout__console{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;flex-direction:column;background:#fff;border-top:2px solid #dee1e6;font-family:Noto Sans,Noto Sans SC,sans-serif;font-size:12px;padding:0}.code-editor-core-layout__console.is-force-full{max-height:100%;min-height:100%}.code-editor-core-layout__spacer{flex:1}.code-editor-core-layout__resize-handle{position:absolute;top:-15px;right:6px;opacity:.35;line-height:1}.code-editor-core-layout__resize-handle svg{height:12px;width:12px}.code-editor-core-layout__code{height:100%;max-height:100%;font-family:Menlo,Monaco,Consolas,Lucida Console,Liberation Mono,monospace;font-size:14px;line-height:22px}.code-editor-core-layout__code .CodeMirror{height:100%;max-height:100%}.code-editor-core-layout__code .CodeMirror-scroll{max-height:100%}.code-editor-core-layout.is-fullbleed{position:relative;left:50%;right:50%;margin-left:calc(-50vw + 40px);margin-right:calc(-50vw + 40px);max-width:calc(100vw - 80px)}.code-editor-core-layout__default{width:100%;height:100%;display:inherit;flex-direction:inherit;flex:1}.code-editor-core-layout__fullscreen,.code-editor-core-layout__underlay{position:fixed;z-index:1030}.code-editor-core-layout__fullscreen{width:calc(100vw - 4rem);height:calc(100vh - 6rem);max-width:calc(100vw - 4rem);max-height:calc(100vh - 6rem);margin:0;top:3rem;left:2rem;bottom:3rem;right:2rem}.code-editor-core-layout__underlay{top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.75)}.carousel-item{perspective:none}.CodeMirror-hints{position:absolute;z-index:10;overflow:hidden;list-style:none;margin:0;padding:2px;-webkit-box-shadow:2px 3px 5px rgba(0,0,0,.2);-moz-box-shadow:2px 3px 5px rgba(0,0,0,.2);box-shadow:2px 3px 5px rgba(0,0,0,.2);border-radius:3px;border:1px solid silver;background:#fff;font-size:90%;font-family:monospace;max-height:20em;overflow-y:auto}.CodeMirror-hint{margin:0;padding:0 4px;border-radius:2px;white-space:pre;color:#000;cursor:pointer}li.CodeMirror-hint-active{background:#08f;color:#fff}.CodeMirror-lint-markers{width:16px}.CodeMirror-lint-tooltip{background-color:#ffd;border:1px solid #000;border-radius:4px 4px 4px 4px;color:#000;font-family:monospace;font-size:10pt;overflow:hidden;padding:2px 5px;position:fixed;white-space:pre;white-space:pre-wrap;z-index:100;max-width:600px;opacity:0;transition:opacity .4s;-moz-transition:opacity .4s;-webkit-transition:opacity .4s;-o-transition:opacity .4s;-ms-transition:opacity .4s}.CodeMirror-lint-mark-error,.CodeMirror-lint-mark-warning{background-position:0 100%;background-repeat:repeat-x}.CodeMirror-lint-mark-error{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJDw4cOCW1/KIAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAHElEQVQI12NggIL/DAz/GdA5/xkY/qPKMDAwAADLZwf5rvm+LQAAAABJRU5ErkJggg==")}.CodeMirror-lint-mark-warning{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJFhQXEbhTg7YAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAMklEQVQI12NkgIIvJ3QXMjAwdDN+OaEbysDA4MPAwNDNwMCwiOHLCd1zX07o6kBVGQEAKBANtobskNMAAAAASUVORK5CYII=")}.CodeMirror-lint-marker-error,.CodeMirror-lint-marker-warning{background-position:50%;background-repeat:no-repeat;cursor:pointer;display:inline-block;height:16px;width:16px;vertical-align:middle;position:relative}.CodeMirror-lint-message-error,.CodeMirror-lint-message-warning{padding-left:18px;background-position:0 0;background-repeat:no-repeat}.CodeMirror-lint-marker-error,.CodeMirror-lint-message-error{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAHlBMVEW7AAC7AACxAAC7AAC7AAAAAAC4AAC5AAD///+7AAAUdclpAAAABnRSTlMXnORSiwCK0ZKSAAAATUlEQVR42mWPOQ7AQAgDuQLx/z8csYRmPRIFIwRGnosRrpamvkKi0FTIiMASR3hhKW+hAN6/tIWhu9PDWiTGNEkTtIOucA5Oyr9ckPgAWm0GPBog6v4AAAAASUVORK5CYII=")}.CodeMirror-lint-marker-warning,.CodeMirror-lint-message-warning{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAANlBMVEX/uwDvrwD/uwD/uwD/uwD/uwD/uwD/uwD/uwD6twD/uwAAAADurwD2tQD7uAD+ugAAAAD/uwDhmeTRAAAADHRSTlMJ8mN1EYcbmiixgACm7WbuAAAAVklEQVR42n3PUQqAIBBFUU1LLc3u/jdbOJoW1P08DA9Gba8+YWJ6gNJoNYIBzAA2chBth5kLmG9YUoG0NHAUwFXwO9LuBQL1giCQb8gC9Oro2vp5rncCIY8L8uEx5ZkAAAAASUVORK5CYII=")}.CodeMirror-lint-marker-multiple{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAACVBMVEUAAAAAAAC/v7914kyHAAAAAXRSTlMAQObYZgAAACNJREFUeNo1ioEJAAAIwmz/H90iFFSGJgFMe3gaLZ0od+9/AQZ0ADosbYraAAAAAElFTkSuQmCC");background-repeat:no-repeat;background-position:100% 100%;width:100%;height:100%}.code-editor-python__preview{width:100%;height:100%;outline:none;border:none;overflow-y:auto}.code-editor-python__preview::-webkit-scrollbar{width:6px;height:6px}.code-editor-python__preview::-webkit-scrollbar-corner,.code-editor-python__preview::-webkit-scrollbar-track{background:#ccc}.code-editor-python__preview::-webkit-scrollbar-thumb{background:#808184;border-radius:3px}.code-editor-python__console{background:#fff;padding:0;min-height:60px;max-height:calc(100% - 30px)}.code-editor-python__console>div{width:100%}.code-editor-python__console__counter{display:inline-block;box-sizing:border-box;border-radius:10px;font-weight:700;background:#7f7f7f;color:#dee1e6;padding:2px 4px;min-width:18px;margin-right:10px}.code-editor-python__console__toolbar{display:flex;justify-content:space-between;background:#e8eaee;-webkit-user-select:none;-moz-user-select:none;user-select:none}.code-editor-python__console__content{display:flex;flex-direction:column;flex:1;overflow-y:scroll}.code-editor-python__console__clear,.code-editor-python__console__close{-webkit-appearance:button;text-transform:none;overflow:visible;font-family:Noto Sans,Noto Sans SC,sans-serif;font-size:12px;line-height:1;background:none;border:none;padding:3px;cursor:pointer;color:#222;margin:4px}.code-editor-python__console__clear,.code-editor-python__console__clear:focus,.code-editor-python__console__close,.code-editor-python__console__close:focus{outline:none}.code-editor-python__console__clear svg,.code-editor-python__console__close svg{fill:currentColor;vertical-align:-1px;height:12px}.code-editor-python__console__clear{border:1px solid;border-radius:20px;padding:3px 8px}.code-editor-python__console__clear svg{margin-right:4px}.code-editor-python__console__form{display:flex;padding:5px 0;font-family:Menlo,Monaco,Consolas,Lucida Console,Liberation Mono,monospace}.code-editor-python__console__prompt{display:block;text-align:center;width:34px;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-repeat:no-repeat;background-position:50%;background-size:6px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAQCAYAAAAiYZ4HAAAAaklEQVR4AWNwL/ABYyDwBGEQGx9GVvwfitcRrwGBTwOxBC4NME09aJoeArEOdg0ITclomj6i+wvGQPf8RzSNyagaMDXpgJyEpqkHpgGXJgmQ59FtokQDYSeR62nCwUpBxBFOGpQnPpKTNwD6xqnrOS/fdQAAAABJRU5ErkJggg==)}.code-editor-python__console__input{border:0;outline:none;font-family:Menlo,Monaco,Consolas,Lucida Console,Liberation Mono,monospace;font-size:12px;padding:0;flex:1}