@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/js/counter-hack/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:#b75bce;--primary-button-color:#fff;--primary-button-bgd-color:var(--primary-color);--primary-button-border-color:#9037a5;--primary-button-hover-color:#9037a5;--primary-button-hover-color-t50:rgba(144,55,165,0.5);--primary-button-radius:4px;--inverse-button-bgd-color:var(--primary-button-bgd-color);--inverse-button-color:var(--primary-button-color)}.theme-js-counter-hack .notebook-cell-divider,.theme-js-counter-hack .notebook-cell .state{display:none}.theme-js-counter-hack .notebook-cell{margin:12px 0}.theme-js-counter-hack .notebook-cell.with-indicator{margin:30px 0 20px}.theme-js-counter-hack .embed-responsive{border:4px solid #ccc;border-radius:5px}.theme-js-counter-hack h1{font-size:32px;text-align:center;font-weight:900;font-family:Noto Sans,sans-serif}.theme-js-counter-hack .align-middle.h4{color:#282e33!important;font-size:20px;font-weight:700;margin-left:-20px}.theme-js-counter-hack .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-js-counter-hack .btn-info.btn-lg.btn.btn-block.py-4:focus{box-shadow:0 0 0 .2rem var(--primary-button-hover-color-t50)}.theme-js-counter-hack .border-warning{border-color:#0d8ecb!important}.theme-js-counter-hack .border-secondary{border:0 solid transparent!important}.theme-js-counter-hack .border-info{border-color:var(--primary-button-bgd-color)!important}.theme-js-counter-hack .indicated{margin-bottom:16px}.theme-js-counter-hack .notebook-cell p>img{max-width:100%;width:auto;margin:32px auto;display:block}.theme-js-counter-hack .notebook-cell>.indicated>p,.theme-js-counter-hack .notebook-cell>p,.theme-js-counter-hack .notebook-cell li,.theme-js-counter-hack .notebook-sub-cell>p{font-size:16px}.theme-js-counter-hack .color-cell{width:14px;height:14px;border-radius:2px;border:1px solid #333}.theme-js-counter-hack .tframe .content>div,.theme-js-counter-hack .tframe>iframe{min-height:auto}.theme-js-counter-hack .tframe .CodeMirror{line-height:20px}.theme-js-counter-hack code{background-color:#f3f3f3;font-weight:700;color:inherit;padding:.1rem .3rem}.theme-js-counter-hack .notebook-cell:not(.with-indicator) h2,.theme-js-counter-hack .notebook-cell:not(.with-indicator) h3{margin:10px 0}.theme-js-counter-hack .notebook-cell:not(.with-indicator) h3{font-size:17px}.theme-js-counter-hack .notebook-cell .indicated h3{line-height:19px;color:#555}.theme-js-counter-hack .notebook-cell .indicated h3+ol,.theme-js-counter-hack .notebook-cell .indicated h3+ul{padding-top:12px;padding-left:28px}.theme-js-counter-hack .notebook-cell.default-cell .indicator img,.theme-js-counter-hack .notebook-cell.iframe-test-cell .indicator img{margin-left:10px}.theme-js-counter-hack .notebook-cell.default-cell h1{margin-bottom:26px}.theme-js-counter-hack .iframe-demo{width:100%;height:500px;border:2px solid #dee1e6;border-radius:5px}.theme-js-counter-hack .notebook-cell.default-cell pre{font-size:14px;line-height:20px;background:#f3f3f3;border-radius:.25rem;padding:5px 10px;margin:5px 10px}.theme-js-counter-hack .section--lossless-compression-demo{display:flex;justify-content:space-evenly}.theme-js-counter-hack .section--lossless-compression-demo table tr{background:transparent!important}.theme-js-counter-hack .section--lossless-compression-demo table td{border:1px solid #000!important;padding:10px!important;width:40px;height:40px;text-align:center}