*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,figure,a,button{margin:0;padding:0}a{color:inherit;text-decoration:none}button{cursor:pointer;-webkit-user-select:none;user-select:none;border:none;background-color:transparent}ul,ol{list-style-type:none}address{font-style:normal}.text-xs{font-size:.75rem;line-height:1.4}.text-sm{font-size:.875rem;line-height:1.4}.text-base{font-size:1rem;line-height:1.4}.text-lg{font-size:1.125rem;line-height:1.4}.text-xl{font-size:1.25rem;line-height:1.2}.text-2xl{font-size:1.5rem;line-height:1.2}.text-3xl{font-size:1.875rem;line-height:1.2}.text-4xl{font-size:2.25rem;line-height:1.1}.text-5xl{font-size:3rem;line-height:1}.text-base-fluid{font-size:clamp(.75rem,.679rem + .36vw,1rem);font-weight:var(--fw-regular);line-height:1.4}.text-xs-fluid{font-size:clamp(.75rem,.714rem + .18vw,.875rem);line-height:1.4}.text-sm-fluid{font-size:clamp(.875rem,.768rem + .54vw,1.25rem);line-height:1.4}.text-lg-fluid{font-size:clamp(1rem,.929rem + .36vw,1.25rem);line-height:1.2}.text-xl-fluid{font-size:clamp(1.25rem,.893rem + 1.79vw,2.5rem);line-height:1.3}.text-5xl-fluid{font-size:clamp(2.5rem,2.071rem + 2.14vw,4rem);line-height:1.2}.text-9xl-fluid{font-size:clamp(3rem,1.57rem + 7.15vw,8rem);line-height:.9}.text-xxl-fluid{font-size:clamp(6.25rem,3.926rem + 11.62vw,14.375rem);font-weight:var(--fw-regular);line-height:1}.h1{max-width:min-content;font-size:clamp(3rem,1.57rem + 7.15vw,8rem);font-weight:var(--fw-regular);line-height:.9}.h2{font-size:clamp(2.5rem,2.071rem + 2.14vw,4rem);font-weight:var(--fw-regular);line-height:1.2}.h3{font-size:1.25rem;font-weight:var(--fw-medium);line-height:1.2}.button{font-family:var(--font-main);font-size:clamp(1rem,.929rem + .36vw,1.25rem);font-weight:var(--fw-regular);line-height:1.2}:root{--transition-duration-basic: .3s;--transition-duration-slow: .6s;--transition-duration-extra-slow: 1.5s;--transition-easing-func: ease-in-out;--code-bg-color: #d8d8d8;--primary-color: #ececec;--secondary-color: #222;--secondary-color-rgb: 34, 34, 34;--accent-color: #ff6900;--accent-color-button-spin: #ff6900;--error-color: #9b3737;--success-color: #357a55;--backdrop-color: rgb(0 0 0 / 50%);--btn-bg-color: var(--secondary-color);--font-main: "Roboto Mono", monospace;--fw-regular: 400;--fw-medium: 500;--spacing-module: 4px;--spacing-x1: var(--spacing-module);--spacing-x2: calc(var(--spacing-module) * 2);--spacing-x3: calc(var(--spacing-module) * 3);--spacing-x4: calc(var(--spacing-module) * 4);--spacing-x5: calc(var(--spacing-module) * 5);--spacing-x6: calc(var(--spacing-module) * 6);--spacing-x7: calc(var(--spacing-module) * 7);--spacing-x8: calc(var(--spacing-module) * 8);--spacing-x9: calc(var(--spacing-module) * 9);--spacing-x10: calc(var(--spacing-module) * 10);--spacing-x11: calc(var(--spacing-module) * 11);--spacing-x13: calc(var(--spacing-module) * 13);--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--shadow: -4px 4px 4.8px 0 rgb(0 0 0 / 18%);--shadow-mobile-menu: -4px 4px 4.8px 4px rgb(0 0 0 / 18%);--button-border: 2px solid var(--accent-color);--card-border: 2px solid var(--accent-color);--text-primary: #222;--text-secondary: #222c;--header-height: 60px;--footer-height: 64px;--quiz-answer-text-color: #ececec;--info-color: #1677ff;--info-border-color: #91caff;--info-bg-color: #e6f4ff;--info-text-color: #222;--in-progress-color: #b3e5fc;--senior-color: #ffd54f;--middle-color: #cfd8dc;--junior-color: #ffab91;--trainee-color: #f48fb1;--img-placeholder-color: #d6d6d6;color-scheme:light}@media(width<=767px){:root{--footer-height: 103.81px}}[data-theme=dark]{--code-bg-color: #252e35;--primary-color: #181e22;--secondary-color: #ececec;--secondary-color-rgb: 236, 236, 236;--accent-color: #ef6200;--backdrop-color: rgb(255 255 255 / 50%);--btn-bg-color: var(--accent-color);--accent-color-button-spin: #ececec;--shadow: -4px 4px 4.8px 0 rgb(0 0 0 / 50%);--shadow-mobile-menu: -4px 4px 4.8px 4px rgb(255 255 255 / 18%);--button-border: 2px solid var(--secondary-color);--text-primary: #ececec;--text-secondary: #ecececcc;--in-progress-color: #217388;--senior-color: #90630f;--middle-color: #54646b;--junior-color: #d53706;--trainee-color: #ad1457;--img-placeholder-color: #454545;color-scheme:dark}html{scrollbar-gutter:stable;height:100%}@media(pointer:coarse){html{scrollbar-gutter:auto}}html::-webkit-scrollbar{width:12px;height:12px}html::-webkit-scrollbar-track{background:transparent}html::-webkit-scrollbar-thumb{border-radius:var(--radius-md);background:var(--secondary-color)}body{max-width:1440px;height:100%;margin:0 auto;font-family:var(--font-main);color:var(--secondary-color);background-color:var(--primary-color);transition:background-color var(--transition-duration-basic) var(--transition-easing-func)}@media(hover:hover)and (pointer:fine){body{padding:0 var(--spacing-x2) 0 var(--spacing-x5)}}@media(hover:none),(pointer:coarse){body{padding:0 var(--spacing-x5)}}body.no-scroll{overflow:hidden;width:100%;height:100%}main{view-transition-name:main}::view-transition-group(main){animation-duration:var(--transition-duration-slow);animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-old(main),::view-transition-new(main){width:100%;height:100%;object-fit:none;object-position:top right;animation-fill-mode:both}::view-transition-old(main){animation-name:page-fade-out;animation-duration:var(--transition-duration-basic)}::view-transition-new(main){animation-name:page-slide-in-from-top;animation-duration:var(--transition-duration-slow)}@keyframes page-fade-out{0%{opacity:.5}to{opacity:0}}@keyframes page-slide-in-from-top{0%{transform:translateY(-100vh);opacity:0}to{transform:translateY(0);opacity:1}}app-sidebar{view-transition-name:none}code[class*=language-],pre[class*=language-]{color:#000;background:none;text-shadow:0 1px white;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection{text-shadow:none;background:#b3d4fc}pre[class*=language-]::selection,pre[class*=language-] ::selection,code[class*=language-]::selection,code[class*=language-] ::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#905}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#690}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#9a6e3a;background:#ffffff80}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.function,.token.class-name{color:#dd4a68}.token.regex,.token.important,.token.variable{color:#e90}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}