@charset "UTF-8";/*!
  Theme: Default
  Description: Original highlight.js style
  Author: (c) Ivan Sagalaev <maniac@softwaremaniacs.org>
  Maintainer: @highlightjs/core-team
  Website: https://highlightjs.org/
  License: see project LICENSE
  Touched: 2021
*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#f3f3f3;color:#444}.hljs-comment{color:#697070}.hljs-punctuation,.hljs-tag{color:#444a}.hljs-tag .hljs-attr,.hljs-tag .hljs-name{color:#444}.hljs-attribute,.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-name,.hljs-selector-tag{font-weight:700}.hljs-deletion,.hljs-number,.hljs-quote,.hljs-selector-class,.hljs-selector-id,.hljs-string,.hljs-template-tag,.hljs-type{color:#800}.hljs-section,.hljs-title{color:#800;font-weight:700}.hljs-link,.hljs-operator,.hljs-regexp,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-symbol,.hljs-template-variable,.hljs-variable{color:#ab5656}.hljs-literal{color:#695}.hljs-addition,.hljs-built_in,.hljs-bullet,.hljs-code{color:#397300}.hljs-meta{color:#1f7199}.hljs-meta .hljs-string{color:#38a}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}:root{--color-white:#fff;--color-white-rgb:255,255,255;--color-black:#000;--color-black-rgb:0,0,0;--color-grey-xxxs:#fafafa;--color-grey-xxs:#f3f3f3;--color-grey-xs:#ededed;--color-grey-s:#c2c2c2;--color-grey-m:#999999;--color-grey-l:#808080;--color-grey-xl:#595959;--color-grey-xxl:#1e1e1e;--color-grey-xxxl:#111111;--color-primary:#004c97;--color-primary-s:#006bd4;--color-primary-xs:#0074e7;--color-primary-l:#002d5a;--color-primary-xl:#002447;--color-secondary:#b32b8f;--color-secondary-s:#d348ae;--color-secondary-xs:#d757b5;--color-secondary-l:#821f68;--color-secondary-xl:#731c5c;--color-page-text:#1e1e1e;--color-document-background:#fff;--color-partial:#f3f3f3;--color-page-background:#fff;--color-warning:#d50000;--color-warning-s:#f40000;--color-warning-l:#b60000;--color-success:#009000;--color-success-s:#00af00;--color-success-l:#007100;--color-hint:#ffbb00;--color-hint-s:#ffc31f;--color-hint-l:#e0a500;--color-info:#dadce0;--color-info-s:#ebecee;--color-info-l:#c9ccd2;--marker-yellow:#ffffaa;--marker-green:#aaffaa;--marker-blue:#aaffff;--marker-red:#ffaaaa;--marker-grey:#dddddd;--font-body:BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif;--font-heading:BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif;--font-size-body:1.5em;--line-height:1.5;--letter-spacing:0.04rem;--font-size-xxs:xx-small;--font-size-xs:x-small;--font-size-s:small;--font-size-m:medium;--font-size-l:large;--font-size-xl:x-large;--font-size-xxl:xx-large;--font-size-xxxl:xxx-large;--font-weight-xs:100;--font-weight-s:300;--font-weight-m:400;--font-weight-l:600;--font-weight-xl:700;--color-course-text:transparent;--color-course-image:transparent;--color-course-video:transparent;--color-course-animation:transparent;--color-course-browser:transparent;--color-course-extrapage:transparent;--color-course-extrapagelink:transparent;--color-course-definition:#c9e0f2;--color-course-hint:#ffb9b9;--color-course-sourcecode:transparent;--color-course-terminal:transparent;--color-course-example:#fdeb91;--color-course-casestudy:#fdeb91;--color-course-practicaltask:#ffc984;--color-course-learninggoal:#d0f0b2;--color-grading-passed:#3fc76c;--color-grading-failed:#e55257}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.noscript-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;justify-content:center;align-items:center;background:var(--color-grey-xxxs)}.noscript-alert{position:relative;z-index:1010;margin:1rem;padding:1rem;background:var(--color-white);border:.1rem solid var(--color-grey-xxxs);border-radius:.25rem;box-shadow:0 0 3rem 0 var(--color-grey-m)}@media (min-width:992px){.noscript-alert{margin:3rem;padding:3rem;border-radius:.5rem}}html{height:100%;min-height:101%;overflow:auto;font-size:62.5%}body{position:relative;height:100%;min-height:100%;background:var(--color-page-background);font-size:var(--font-size-body);line-height:var(--line-height);font-weight:var(--font-weight-m);font-family:var(--font-body);color:var(--color-page-text);letter-spacing:var(--letter-spacing);-moz-tab-size:var(--font-size-body);-o-tab-size:var(--font-size-body);tab-size:var(--font-size-body)}#skip-to-main-content{position:absolute;top:5rem;left:3rem;height:0;width:0;overflow:hidden;font-size:0}#skip-to-main-content:focus{padding:1rem;height:auto;width:auto;overflow:visible;background:var(--color-white);border:.2rem solid var(--color-grey-s);font-size:var(--font-size-m)}#main{display:flex;flex-direction:column;box-sizing:border-box;min-height:100%}#main .main-wrap{flex-grow:1;margin-top:1rem;margin-bottom:7rem}@media (min-width:480px){#main .main-wrap{margin-top:5rem;margin-bottom:10rem}}@media (min-width:1280px){#main .main-wrap{display:flex}}.wrap{margin:0 auto;width:100%}@media (min-width:768px){.wrap{width:76rem}}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{display:block;color:var(--color-page-text);font-family:var(--font-heading);font-weight:var(--font-weight-l)}.h1,h1{font-size:var(--font-size-l)}.h2,h2{font-size:var(--font-size-m)}.h3,h3{font-size:var(--font-size-s)}.h4,h4{font-size:var(--font-size-s)}.h5,h5{font-size:var(--font-size-s)}.h6,h6{font-size:var(--font-size-s)}.h1,h1{margin:0}.scroll-margin,h2[id],h3[id]{scroll-margin-top:6rem}.h2-caption{margin:0}.h2-caption~h2{margin-top:.5rem}.subtile{font-size:var(--font-size-xs);color:var(--color-grey-l)}.subtile.subtile-s{font-size:var(--font-size-XXS)}.subtile.subtile-m{font-size:var(--font-size-xs)}.subtile.subtile-l{font-size:var(--font-size-s)}.framed{box-sizing:border-box;padding:1.5rem;background:var(--color-grey-xxs)}.framed code{background:inherit}.marker-yellow{background:var(--marker-yellow)}.marker-green{background:var(--marker-green)}.marker-blue{background:var(--marker-blue)}.marker-red{background:var(--marker-red)}.marker-grey{background:var(--marker-grey)}.link,a{color:var(--color-primary);text-decoration:underline;cursor:pointer}.link.a-invert,a.a-invert{color:var(--color-white)}.link:focus,.link:hover,a:focus,a:hover{text-decoration:none}ol,ul{margin:0 0 2rem 2rem;padding-left:0}ol.no-style,ul.no-style{margin:0;list-style:none}ol ol,ol ul,ul ol,ul ul{margin:1.5rem 0 1.5rem 3rem}img{max-width:100%;height:auto}video{max-width:100%;height:auto}.icon-svg{display:inline-flex;width:2.8rem;height:auto;line-height:0;cursor:pointer}.icon-svg svg{width:100%}.icon-svg svg.hide{display:none}.icon-svg.icon-svg-fill{display:flex;width:100%;height:auto}.icon-svg.icon-auto{width:auto}.icon-svg.icon-xs{width:1.4rem}.icon-svg.icon-s{width:1.8rem}.icon-svg.icon-m{width:2.4rem}.icon-svg.icon-l{width:2.8rem}.icon-svg.icon-xl{width:3.2rem}.icon-svg.disabled{opacity:.5;cursor:default}.warning-border,.warning-outline{border:.1rem solid var(--color-warning)!important}.warning-color{color:var(--color-warning)}.warning-background{background:var(--color-warning)}input[type=checkbox].warning-border,input[type=radio].warning-border{box-shadow:0 0 0 .1rem var(--color-warning)!important}.success-border,.success-outline{border:.1rem solid var(--color-success)!important}.success-color{color:var(--color-success)}.success-background{background:var(--color-success)}input[type=checkbox].success-border,input[type=radio].success-border{box-shadow:0 0 0 .1rem var(--color-success)!important}.hint-border,.hint-outline{border:.1rem solid var(--color-hint)!important}.hint-color{color:var(--color-hint)}.hint-background{background:var(--color-hint)}input[type=checkbox].hint-border,input[type=radio].hint-border{box-shadow:0 0 0 .1rem var(--color-hint)!important}.info-border,.info-outline{border:.1rem solid var(--color-info)!important}.info-color{color:var(--color-info)}.info-background{background:var(--color-info)}input[type=checkbox].info-border,input[type=radio].info-border{box-shadow:0 0 0 .1rem var(--color-info)!important}div.warning{background:var(--color-warning)}div.success{background:var(--color-success)}div.hint{background:var(--color-hint)}div.info{background:var(--color-info)}input[type=email].warning,input[type=number].warning,input[type=password].warning,input[type=search].warning,input[type=tel].warning,input[type=text].warning,input[type=url].warning,select.warning,textarea.warning{border:.1rem solid var(--color-warning)!important}input[type=email].success,input[type=number].success,input[type=password].success,input[type=search].success,input[type=tel].success,input[type=text].success,input[type=url].success,select.success,textarea.success{border:.1rem solid var(--color-success)!important}input[type=email].hint,input[type=number].hint,input[type=password].hint,input[type=search].hint,input[type=tel].hint,input[type=text].hint,input[type=url].hint,select.hint,textarea.hint{border:.1rem solid var(--color-hint)!important}input[type=email].info,input[type=number].info,input[type=password].info,input[type=search].info,input[type=tel].info,input[type=text].info,input[type=url].info,select.info,textarea.info{border:.1rem solid var(--color-info)!important}input[type=checkbox].warning,input[type=radio].warning{box-shadow:0 0 0 .1rem var(--color-warning)!important}input[type=checkbox].success,input[type=radio].success{box-shadow:0 0 0 .1rem var(--color-success)!important}input[type=checkbox].hint,input[type=radio].hint{box-shadow:0 0 0 .1rem var(--color-hint)!important}input[type=checkbox].info,input[type=radio].info{box-shadow:0 0 0 .1rem var(--color-info)!important}.page-alert{display:block;position:fixed;top:0;box-sizing:border-box;padding:0;width:0;height:0;z-index:1050;cursor:pointer}.page-alert.show{display:flex;width:100%;height:auto}.page-alert.show .alerts{padding:1rem}.page-alert.show button.icon-close{display:block}.page-alert.warning{background:var(--color-warning)}.page-alert.success{background:var(--color-success)}.page-alert.hint{background:var(--color-hint)}.page-alert.info{background:var(--color-info)}.page-alert.info .alerts{color:var(--color-grey-xl)}.page-alert.info button.icon-close svg{color:var(--color-grey-xl)}.page-alert.info button.icon-close svg *{fill:currentColor}.page-alert.info button.icon-close:hover svg{color:var(--color-grey-xxl)}.page-alert.info button.icon-close:hover svg *{fill:currentColor}.page-alert .alerts{flex-grow:1;padding:0;color:var(--color-white);font-size:var(--font-size-s)}.page-alert button.icon-close{display:none;padding:1rem;width:4rem;height:4rem;cursor:pointer}.page-alert button.icon-close svg{color:var(--color-grey-xxs)}.page-alert button.icon-close svg *{fill:currentColor}.page-alert button.icon-close:hover svg{color:var(--color-grey-l)}.page-alert button.icon-close:hover svg *{fill:currentColor}.alert{display:block;box-sizing:border-box;margin:3rem 0;padding:2rem;border-radius:.3rem;color:var(--color-grey-xl);border:.1rem solid var(--color-grey-xl)}.alert.warning{border-color:var(--color-warning);background:var(--color-warning);color:var(--color-white)}.alert.warning.clean{background:0 0;color:var(--color-warning)}.alert.success{border-color:var(--color-success);background:var(--color-success);color:var(--color-white)}.alert.success.clean{background:0 0;color:var(--color-success)}.alert.hint{border-color:var(--color-hint);background:var(--color-hint);color:var(--color-white)}.alert.hint.clean{background:0 0;color:var(--color-hint)}.alert.info{border-color:var(--color-info);background:var(--color-info);color:var(--color-grey-xl)}.alert.info.clean{background:0 0;color:var(--color-grey-xl)}form .alerts.show{margin-top:-2rem;margin-bottom:4rem}.table-wrapper{overflow-x:auto}table{width:100%;border:0;border-spacing:0;border-collapse:collapse}table caption{text-align:left;margin:1rem 0}table tfoot td,table th{font-weight:var(--font-weight-l);background:var(--color-grey-xs)}table td,table th{padding:.75rem 1rem;text-align:left;border-bottom:.1rem solid var(--color-grey-s)}table td.left,table th.left{text-align:left}table td.center,table th.center{text-align:center}table td.right,table th.right{text-align:right}table td.separator,table th.separator{background:var(--color-grey-xs)!important}table td{vertical-align:top}table.swapping tbody tr:nth-child(even)>td{background:var(--color-grey-xxxs)}table.swapping tbody tr:nth-child(odd)>td{background:var(--color-white)}table.hover tbody>tr:hover>td{background:var(--color-grey-xs)}article{word-wrap:break-word}div.figure,figure{margin:0 2rem 2rem 0;font-size:0}div.figure img,figure img{max-width:100%}div.figure div.figcaption,div.figure figcaption,figure div.figcaption,figure figcaption{margin-top:.5rem;font-size:var(--font-size-s)}div.figure div,div.figure p,div.figure section,div.figure span,figure div,figure p,figure section,figure span{font-size:var(--font-size-s)}figure.group div.figure.group{display:flex;flex-wrap:wrap;box-sizing:border-box;padding:1rem}figure.group div.figure.group>div.figcaption,figure.group div.figure.group>figcaption{display:block;margin-bottom:1rem;width:100%;font-weight:var(--font-weight-xl)}button{margin:0;padding:0;background:0 0;border:none}hr{margin:3rem auto 3rem 0;padding:.01rem;border-width:0;border-top:.1rem solid var(--color-grey-s)}hr.hr-0{margin:0 auto 0 0}hr.hr-xxxs{margin:.5rem auto .5rem 0}hr.hr-xxs{margin:1rem auto 1rem 0}hr.hr-xs{margin:2rem auto 2rem 0}hr.hr-s{margin:3rem auto 3rem 0}hr.hr-m{margin:5rem auto 5rem 0}hr.hr-l{margin:7rem auto 7rem 0}hr.hr-0m{margin:0 auto 5rem 0}hr.hr-sm{margin:3rem auto 5rem 0}hr.hr-sl{margin:3rem auto 7rem 0}hr.hr-w-39{width:39%}hr.hr-w-61{width:61%}hr.hr-center{margin-left:auto;margin-right:auto}hr.dashed{border-style:dashed}hr.empty{border:none}hr.brighter{border-color:var(--color-grey-xxs)}hr.bright{border-color:var(--color-grey-xs)}hr.dark{border-color:var(--color-grey-m)}hr.darker{border-color:var(--color-grey-l)}.ps{position:static!important}.pr{position:relative!important}.pa{position:absolute!important}.pf{position:fixed!important}.bsbb{box-sizing:border-box!important}.dn{display:none!important}.db{display:block!important}.di{display:inline!important}.dib{display:inline-block!important}.df{display:flex!important}.dif{display:inline-flex!important}.fdc{flex-direction:column!important}.fdcr{flex-direction:column-reverse!important}.fdr{flex-direction:row!important}.fdrr{flex-direction:row-reverse!important}.fww{flex-wrap:wrap!important}.fwn{flex-wrap:nowrap!important}.fwwr{flex-wrap:wrap-reverse!important}.jcfs{justify-content:flex-start!important}.jcc{justify-content:center!important}.jcfe{justify-content:flex-end!important}.jcsb{justify-content:space-between!important}.jcsa{justify-content:space-around!important}.aifs{align-items:flex-start!important}.aic{align-items:center!important}.aife{align-items:flex-end!important}.ais{align-items:stretch!important}.aib{align-items:baseline!important}.acfs{align-content:flex-start!important}.acc{align-content:center!important}.acfe{align-content:flex-end!important}.acsb{align-content:space-between!important}.acsa{align-content:space-around!important}.fl{float:left!important}.fr{float:right!important}.cb{clear:both!important}.cf:after{content:"";display:table;clear:both!important}.vat{vertical-align:top!important}.vam{vertical-align:middle!important}.vab{vertical-align:bottom!important}.lsn{list-style:none!important}.lsc{list-style:circle!important}.lsd{list-style:disc!important}.lsdecimal{list-style:decimal!important}.lsalpha{list-style:lower-alpha!important}.cp{cursor:pointer!important}.cd{cursor:default!important}.tal{text-align:left!important}.tar{text-align:right!important}.tac{text-align:center!important}.taj{text-align:justify!important}.fwn{font-weight:400!important}.fwb{font-weight:700!important}.fsi{font-style:italic!important}.fs80{font-size:80%!important}.fs90{font-size:90%!important}.fs110{font-size:110%!important}.fs120{font-size:120%!important}.tdhn:hover,.tdn{text-decoration:none!important}.tdhu:hover,.tdu{text-decoration:underline!important}.ttn{text-transform:none!important}.ttl{text-transform:lowercase!important}.ttu{text-transform:uppercase!important}.opacity0{opacity:0!important}.opacity10{opacity:.1!important}.opacity20{opacity:.2!important}.opacity30{opacity:.3!important}.opacity40{opacity:.4!important}.opacity50{opacity:.5!important}.opacity60{opacity:.6!important}.opacity70{opacity:.7!important}.opacity80{opacity:.8!important}.opacity90{opacity:.9!important}.opacity100{opacity:1!important}.m0{margin:0!important}.p0{padding:0!important}.m1{margin:1rem!important}.m0101{margin:0 1rem!important}.m1010{margin:1rem 0!important}.m0111{margin:0 1rem 1rem 1rem!important}.m1011{margin:1rem 0 1rem 1rem!important}.m1101{margin:1rem 1rem 0 1rem!important}.m1110{margin:1rem 1rem 1rem 0!important}.m1000{margin:1rem 0 0 0!important}.m0100{margin:0 1rem 0 0!important}.m0010{margin:0 0 1rem 0!important}.m0001{margin:0 0 0 1rem!important}.p1{padding:1rem!important}.p0101{padding:0 1rem!important}.p1010{padding:1rem 0!important}.p0111{padding:0 1rem 1rem 1rem!important}.p1011{padding:1rem 0 1rem 1rem!important}.p1101{padding:1rem 1rem 0 1rem!important}.p1110{padding:1rem 1rem 1rem 0!important}.p1000{padding:1rem 0 0 0!important}.p0100{padding:0 1rem 0 0!important}.p0010{padding:0 0 1rem 0!important}.p0001{padding:0 0 0 1rem!important}.m2{margin:2rem!important}.m0202{margin:0 2rem!important}.m2020{margin:2rem 0!important}.m0222{margin:0 2rem 2rem 2rem!important}.m2022{margin:2rem 0 2rem 2rem!important}.m2202{margin:2rem 2rem 0 2rem!important}.m2220{margin:2rem 2rem 2rem 0!important}.m2000{margin:2rem 0 0 0!important}.m0200{margin:0 2rem 0 0!important}.m0020{margin:0 0 2rem 0!important}.m0002{margin:0 0 0 2rem!important}.p2{padding:2rem!important}.p0202{padding:0 2rem!important}.p2020{padding:2rem 0!important}.p0222{padding:0 2rem 2rem 2rem!important}.p2022{padding:2rem 0 2rem 2rem!important}.p2202{padding:2rem 2rem 0 2rem!important}.p2220{padding:2rem 2rem 2rem 0!important}.p2000{padding:2rem 0 0 0!important}.p0200{padding:0 2rem 0 0!important}.p0020{padding:0 0 2rem 0!important}.p0002{padding:0 0 0 2rem!important}.m3{margin:3rem!important}.m0303{margin:0 3rem!important}.m3030{margin:3rem 0!important}.m0333{margin:0 3rem 3rem 3rem!important}.m3033{margin:3rem 0 3rem 3rem!important}.m3303{margin:3rem 3rem 0 3rem!important}.m3330{margin:3rem 3rem 3rem 0!important}.m3000{margin:3rem 0 0 0!important}.m0300{margin:0 3rem 0 0!important}.m0030{margin:0 0 3rem 0!important}.m0003{margin:0 0 0 3rem!important}.p3{padding:3rem!important}.p0303{padding:0 3rem!important}.p3030{padding:3rem 0!important}.p0333{padding:0 3rem 3rem 3rem!important}.p3033{padding:3rem 0 3rem 3rem!important}.p3303{padding:3rem 3rem 0 3rem!important}.p3330{padding:3rem 3rem 3rem 0!important}.p3000{padding:3rem 0 0 0!important}.p0300{padding:0 3rem 0 0!important}.p0030{padding:0 0 3rem 0!important}.p0003{padding:0 0 0 3rem!important}.m4{margin:4rem!important}.m0404{margin:0 4rem!important}.m4040{margin:4rem 0!important}.m0444{margin:0 4rem 4rem 4rem!important}.m4044{margin:4rem 0 4rem 4rem!important}.m4404{margin:4rem 4rem 0 4rem!important}.m4440{margin:4rem 4rem 4rem 0!important}.m4000{margin:4rem 0 0 0!important}.m0400{margin:0 4rem 0 0!important}.m0040{margin:0 0 4rem 0!important}.m0004{margin:0 0 0 4rem!important}.p4{padding:4rem!important}.p0404{padding:0 4rem!important}.p4040{padding:4rem 0!important}.p0444{padding:0 4rem 4rem 4rem!important}.p4044{padding:4rem 0 4rem 4rem!important}.p4404{padding:4rem 4rem 0 4rem!important}.p4440{padding:4rem 4rem 4rem 0!important}.p4000{padding:4rem 0 0 0!important}.p0400{padding:0 4rem 0 0!important}.p0040{padding:0 0 4rem 0!important}.p0004{padding:0 0 0 4rem!important}.m5{margin:5rem!important}.m0505{margin:0 5rem!important}.m5050{margin:5rem 0!important}.m0555{margin:0 5rem 5rem 5rem!important}.m5055{margin:5rem 0 5rem 5rem!important}.m5505{margin:5rem 5rem 0 5rem!important}.m5550{margin:5rem 5rem 5rem 0!important}.m5000{margin:5rem 0 0 0!important}.m0500{margin:0 5rem 0 0!important}.m0050{margin:0 0 5rem 0!important}.m0005{margin:0 0 0 5rem!important}.p5{padding:5rem!important}.p0505{padding:0 5rem!important}.p5050{padding:5rem 0!important}.p0555{padding:0 5rem 5rem 5rem!important}.p5055{padding:5rem 0 5rem 5rem!important}.p5505{padding:5rem 5rem 0 5rem!important}.p5550{padding:5rem 5rem 5rem 0!important}.p5000{padding:5rem 0 0 0!important}.p0500{padding:0 5rem 0 0!important}.p0050{padding:0 0 5rem 0!important}.p0005{padding:0 0 0 5rem!important}.w0{width:0!important}.w1{width:1%!important}.w2{width:2%!important}.w3{width:3%!important}.w4{width:4%!important}.w5{width:5%!important}.w6{width:6%!important}.w7{width:7%!important}.w8{width:8%!important}.w9{width:9%!important}.w10{width:10%!important}.w12{width:12%!important}.w15{width:15%!important}.w18{width:18%!important}.w20{width:20%!important}.w25{width:25%!important}.w30{width:30%!important}.w33{width:33.33%!important}.w35{width:35%!important}.w40{width:40%!important}.w45{width:45%!important}.w50{width:50%!important}.w55{width:55%!important}.w60{width:60%!important}.w65{width:65%!important}.w66{width:66.66%!important}.w70{width:70%!important}.w75{width:75%!important}.w80{width:80%!important}.w82{width:82%!important}.w85{width:85%!important}.w88{width:88%!important}.w90{width:90%!important}.w91{max-width:91%!important}.w92{max-width:92%!important}.w93{max-width:93%!important}.w94{max-width:94%!important}.w95{max-width:95%!important}.w96{max-width:96%!important}.w97{max-width:97%!important}.w98{max-width:98%!important}.w99{max-width:99%!important}.w100{width:100%!important}.w10r{width:10rem!important}.w20r{width:20rem!important}.w25r{width:25rem!important}.w30r{width:30rem!important}.w40r{width:40rem!important}.w50r{width:50rem!important}.w60r{width:60rem!important}.w70r{width:70rem!important}.w75r{width:75rem!important}.w80r{width:80rem!important}.w90r{width:90rem!important}.w100r{width:100rem!important}.mw10{max-width:10%!important}.mw20{max-width:20%!important}.mw25{max-width:25%!important}.mw30{max-width:30%!important}.mw33{max-width:33.33%!important}.mw40{max-width:40%!important}.mw50{max-width:50%!important}.mw60{max-width:60%!important}.mw66{max-width:66.66%!important}.mw70{max-width:70%!important}.mw75{max-width:75%!important}.mw80{max-width:80%!important}.mw90{max-width:90%!important}.mw100{max-width:100%!important}.h0{height:0!important}.h10{height:10%!important}.h20{height:20%!important}.h25{height:25%!important}.h30{height:30%!important}.h33{height:33.33%!important}.h40{height:40%!important}.h50{height:50%!important}.h60{height:60%!important}.h66{height:66.66%!important}.h70{height:70%!important}.h75{height:75%!important}.h80{height:80%!important}.h90{height:90%!important}.h100{height:100%!important}.h10r{height:10rem!important}.h20r{height:20rem!important}.h25r{height:25rem!important}.h30r{height:30rem!important}.h40r{height:40rem!important}.h50r{height:50rem!important}.h60r{height:60rem!important}.h70r{height:70rem!important}.h75r{height:75rem!important}.h80r{height:80rem!important}.h90r{height:90rem!important}.h100r{height:100rem!important}.d-block{display:block!important}.d-flex{display:flex!important}.d-none{display:none!important}.noscroll{position:fixed;width:100%;overflow:hidden}.toggle-class{cursor:pointer}.spinner{display:none;justify-content:center;align-items:center;height:100%}.spinner.show{display:flex}.spinner.top{height:auto;margin-top:2rem}.spinner:after{content:" ";display:block;width:2rem;height:2rem;border-radius:50%;border:.25rem solid var(--color-grey-l);border-color:var(--color-grey-l) transparent var(--color-grey-l) transparent;animation:spinner 1.5s linear infinite}.spinner.bright:after{border-color:var(--color-grey-xxs) transparent var(--color-grey-xxs) transparent}.spinner.dark:after{border-color:var(--color-grey-xxl) transparent var(--color-grey-xxl) transparent}.spinner.spinner-s:after{width:1.5rem;height:1.5rem;border-width:.2rem}.spinner.spinner-l:after{width:2.5rem;height:2.5rem;border-width:.325rem}@keyframes spinner{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.pulsing{box-shadow:0 0 0 .1rem var(--color-grey-m);animation:pulsing .75s ease-in infinite}@keyframes pulsing{0%{box-shadow:0 0 0 .1rem var(--color-grey-m)}100%{box-shadow:0 0 .75rem .2rem var(--color-grey-m)}}.fade-in{opacity:1;animation:fadeIn 1s ease}@keyframes fadeIn{0%{display:block;opacity:0}100%{opacity:1}}.fade-out{opacity:1;animation:fadeOut 1s ease}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.hover-rotate:not(.disabled):hover{animation:hoverRotate .1s ease}.hover-vibrate:not(.disabled):hover{animation:hoverVibrate .1s ease}.hover-shake:not(.disabled):hover{animation:hoverShake .15s ease}@keyframes hoverRotate{0%{transform:rotate(0)}100%{transform:rotate(180deg)}}@keyframes hoverVibrate{0%{transform:rotate(-15deg)}25%{transform:rotate(0)}50%{transform:rotate(15deg)}75%{transform:rotate(0)}100%{transform:rotate(-15deg)}}@keyframes hoverShake{0%{transform:translateX(0)}50%{transform:translateX(.25rem)}100%{transform:translateX(-.25rem)}}.feedback-typo-green{animation:feedbackTypoGreen 3s ease}@keyframes feedbackTypoGreen{0%{color:var(--color-success)}80%{color:var(--color-success)}}.feedback-typo-red{animation:feedbackTypoRed 3s ease}@keyframes feedbackTypoRed{0%{color:var(--color-warning)}80%{color:var(--color-warning)}}.backdrop{position:fixed;overflow-y:auto;top:0;left:0;z-index:1040;width:0;height:0;visibility:hidden;cursor:pointer;opacity:0;background:rgba(0,0,0,.6);transition:opacity .5s ease}.backdrop.bright{background:rgba(255,255,255,.6)}.backdrop.white{background:rgba(255,255,255,.92)}.backdrop.glas{opacity:0!important}.backdrop.show{visibility:visible;width:100%;height:100%;opacity:1}.backdrop.partial{position:relative}kbd{border:1px solid var(--color-grey-s);background:var(--color-grey-xxs);padding:.3rem .8rem;border-radius:.3rem;overflow-wrap:break-word;font-size:inherit;box-shadow:1px 1px 1px var(--color-grey-s),inset 1px 1px 1px var(--color-grey-xxs);white-space:nowrap}[data-copy-target]{cursor:pointer}.modal{position:fixed;overflow-y:auto;top:0;left:0;z-index:1050;display:flex;flex-direction:column;width:0;height:0;min-height:10rem;visibility:hidden;opacity:0;border:.1rem solid var(--color-grey-xs);border-radius:.5rem;background:var(--color-white);box-shadow:0 0 3rem 0 var(--color-grey-m);transition:opacity .5s ease;transform:translateX(-50%)}.modal.show{top:3rem;bottom:3rem;left:49%;margin:1rem;padding:2rem;width:80%;height:auto;max-height:96vh;min-height:10rem;visibility:visible;opacity:1}@media (min-width:992px){.modal.show{width:66%}}@media (min-width:992px){.modal.show.modal-s{width:33%}}@media (min-width:992px){.modal.show.modal-m{width:66%}}@media (min-width:992px){.modal.show.modal-l{width:98%}}.modal .head{display:flex;justify-content:space-between;margin-bottom:1rem;border-bottom:.1rem solid var(--color-grey-m)}.modal .head .title{margin:0;min-height:2rem}.modal .head button.icon-close{position:absolute;display:block;right:1.2rem;top:1.2rem;width:2.5rem;height:2.5rem;cursor:pointer}.modal .head button.icon-close svg{color:var(--color-primary)}.modal .head button.icon-close svg *{fill:currentColor}.modal .head button.icon-close:hover svg{color:var(--color-primary-s)}.modal .head button.icon-close:hover svg *{fill:currentColor}.modal .body{flex-grow:1;padding-bottom:2rem}.modal .foot{text-align:right}.modal.close-blocked .modal-close{display:none!important}.partial{background:var(--color-grey-xxs)}.container{margin:0 auto;max-width:112rem;padding:0 2rem;position:relative;width:100%}.row{display:flex;flex-direction:column;padding:0;width:100%}.row.row-no-padding{padding:0}.row.row-no-padding>.column{padding:0}.row.row-wrap{flex-wrap:wrap}.row.row-top{align-items:flex-start}.row.row-bottom{align-items:flex-end}.row.row-center{align-items:center}.row.row-stretch{align-items:stretch}.row.row-baseline{align-items:baseline}.row .column{display:block;flex:1 1 auto;margin-left:0;max-width:100%;width:100%}.row .column.column-offset-10{margin-left:10%}.row .column.column-offset-20{margin-left:20%}.row .column.column-offset-25{margin-left:25%}.row .column.column-offset-33,.row .column.column-offset-34{margin-left:33.3333%}.row .column.column-offset-50{margin-left:50%}.row .column.column-offset-66,.row .column.column-offset-67{margin-left:66.6666%}.row .column.column-offset-75{margin-left:75%}.row .column.column-offset-80{margin-left:80%}.row .column.column-offset-90{margin-left:90%}.row .column.column-10{flex:0 0 10%;max-width:10%}.row .column.column-20{flex:0 0 20%;max-width:20%}.row .column.column-25{flex:0 0 25%;max-width:25%}.row .column.column-33,.row .column.column-34{flex:0 0 33.3333%;max-width:33.3333%}.row .column.column-40{flex:0 0 40%;max-width:40%}.row .column.column-50{flex:0 0 50%;max-width:50%}.row .column.column-60{flex:0 0 60%;max-width:60%}.row .column.column-66,.row .column.column-67{flex:0 0 66.6666%;max-width:66.6666%}.row .column.column-75{flex:0 0 75%;max-width:75%}.row .column.column-80{flex:0 0 80%;max-width:80%}.row .column.column-90{flex:0 0 90%;max-width:90%}.row .column .column-top{align-self:flex-start}.row .column .column-bottom{align-self:flex-end}.row .column .column-center{align-self:center}@media (min-width:400px){.row{flex-direction:row;margin-left:-1rem;width:calc(100% + 2rem)}.row .column{margin-bottom:inherit;padding:0 1rem}}a.btn{text-decoration:none}a.btn,button.btn,input[type=button].btn,input[type=reset].btn,input[type=submit].btn{position:relative;display:inline-block;padding:.75rem 1.5rem;min-width:12rem;color:var(--color-white);text-align:center;font-size:var(--font-size-m);text-transform:uppercase;white-space:nowrap;background:var(--color-primary);border:.1rem solid var(--color-primary);border-radius:.3rem;cursor:pointer;box-sizing:border-box}a.btn.btn-narrow,button.btn.btn-narrow,input[type=button].btn.btn-narrow,input[type=reset].btn.btn-narrow,input[type=submit].btn.btn-narrow{padding:.25rem;height:2.25rem;min-width:unset;text-transform:none}a.btn.btn-outlined,button.btn.btn-outlined,input[type=button].btn.btn-outlined,input[type=reset].btn.btn-outlined,input[type=submit].btn.btn-outlined{background:var(--color-white);border:.1rem solid var(--color-primary);color:var(--color-primary)}a.btn.btn-outlined:focus,a.btn.btn-outlined:hover,button.btn.btn-outlined:focus,button.btn.btn-outlined:hover,input[type=button].btn.btn-outlined:focus,input[type=button].btn.btn-outlined:hover,input[type=reset].btn.btn-outlined:focus,input[type=reset].btn.btn-outlined:hover,input[type=submit].btn.btn-outlined:focus,input[type=submit].btn.btn-outlined:hover{background:var(--color-primary-s);border:.1rem solid var(--color-primary-s);color:var(--color-white)}a.btn.btn-outlined.warning,button.btn.btn-outlined.warning,input[type=button].btn.btn-outlined.warning,input[type=reset].btn.btn-outlined.warning,input[type=submit].btn.btn-outlined.warning{background:var(--color-white);border:.1rem solid var(--color-warning);color:var(--color-warning)}a.btn.btn-outlined.warning:focus,a.btn.btn-outlined.warning:hover,button.btn.btn-outlined.warning:focus,button.btn.btn-outlined.warning:hover,input[type=button].btn.btn-outlined.warning:focus,input[type=button].btn.btn-outlined.warning:hover,input[type=reset].btn.btn-outlined.warning:focus,input[type=reset].btn.btn-outlined.warning:hover,input[type=submit].btn.btn-outlined.warning:focus,input[type=submit].btn.btn-outlined.warning:hover{background:var(--color-warning);border:.1rem solid var(--color-warning);color:var(--color-white)}a.btn.btn-outlined.success,button.btn.btn-outlined.success,input[type=button].btn.btn-outlined.success,input[type=reset].btn.btn-outlined.success,input[type=submit].btn.btn-outlined.success{background:var(--color-white);border:.1rem solid var(--color-success);color:var(--color-success)}a.btn.btn-outlined.success:focus,a.btn.btn-outlined.success:hover,button.btn.btn-outlined.success:focus,button.btn.btn-outlined.success:hover,input[type=button].btn.btn-outlined.success:focus,input[type=button].btn.btn-outlined.success:hover,input[type=reset].btn.btn-outlined.success:focus,input[type=reset].btn.btn-outlined.success:hover,input[type=submit].btn.btn-outlined.success:focus,input[type=submit].btn.btn-outlined.success:hover{background:var(--color-success);border:.1rem solid var(--color-success);color:var(--color-white)}a.btn.btn-s,button.btn.btn-s,input[type=button].btn.btn-s,input[type=reset].btn.btn-s,input[type=submit].btn.btn-s{padding:.5rem 1rem;min-width:unset;text-transform:none}a.btn.btn-xs,button.btn.btn-xs,input[type=button].btn.btn-xs,input[type=reset].btn.btn-xs,input[type=submit].btn.btn-xs{padding:.2rem .5rem;min-width:unset;text-transform:none}a.btn:focus,a.btn:hover,button.btn:focus,button.btn:hover,input[type=button].btn:focus,input[type=button].btn:hover,input[type=reset].btn:focus,input[type=reset].btn:hover,input[type=submit].btn:focus,input[type=submit].btn:hover{text-decoration:none;background:var(--color-primary-s);border:.1rem solid var(--color-primary-s)}a.btn.btn-invert,button.btn.btn-invert,input[type=button].btn.btn-invert,input[type=reset].btn.btn-invert,input[type=submit].btn.btn-invert{background:var(--color-white);border:.1rem solid var(--color-white);color:var(--color-primary)}a.btn.btn-invert:focus,a.btn.btn-invert:hover,button.btn.btn-invert:focus,button.btn.btn-invert:hover,input[type=button].btn.btn-invert:focus,input[type=button].btn.btn-invert:hover,input[type=reset].btn.btn-invert:focus,input[type=reset].btn.btn-invert:hover,input[type=submit].btn.btn-invert:focus,input[type=submit].btn.btn-invert:hover{text-decoration:none;background:var(--color-primary-xs);border:.1rem solid var(--color-primary-xs);color:var(--color-white)}a.btn.text,button.btn.text,input[type=button].btn.text,input[type=reset].btn.text,input[type=submit].btn.text{min-width:unset;background:0 0;border:0;color:var(--color-primary);text-transform:none}a.btn.text.inline,button.btn.text.inline,input[type=button].btn.text.inline,input[type=reset].btn.text.inline,input[type=submit].btn.text.inline{padding:0}a.btn.text:hover,button.btn.text:hover,input[type=button].btn.text:hover,input[type=reset].btn.text:hover,input[type=submit].btn.text:hover{background:0 0;border:0;text-decoration:underline}a.btn.warning,button.btn.warning,input[type=button].btn.warning,input[type=reset].btn.warning,input[type=submit].btn.warning{background:var(--color-warning);border:.1rem solid var(--color-warning);color:var(--color-white)}a.btn.success,button.btn.success,input[type=button].btn.success,input[type=reset].btn.success,input[type=submit].btn.success{background:var(--color-success);border:.1rem solid var(--color-success);color:var(--color-white)}a.btn.btn-includes-icon,button.btn.btn-includes-icon,input[type=button].btn.btn-includes-icon,input[type=reset].btn.btn-includes-icon,input[type=submit].btn.btn-includes-icon{display:inline-flex;align-items:center}a.btn.btn-includes-icon span,button.btn.btn-includes-icon span,input[type=button].btn.btn-includes-icon span,input[type=reset].btn.btn-includes-icon span,input[type=submit].btn.btn-includes-icon span{margin:0 .2rem}a.btn.btn-includes-icon svg,button.btn.btn-includes-icon svg,input[type=button].btn.btn-includes-icon svg,input[type=reset].btn.btn-includes-icon svg,input[type=submit].btn.btn-includes-icon svg{color:var(--color-white)}a.btn.btn-includes-icon svg *,button.btn.btn-includes-icon svg *,input[type=button].btn.btn-includes-icon svg *,input[type=reset].btn.btn-includes-icon svg *,input[type=submit].btn.btn-includes-icon svg *{fill:currentColor}a.btn .disabled,a.btn[disabled]:not([disabled=false]),button.btn .disabled,button.btn[disabled]:not([disabled=false]),input[type=button].btn .disabled,input[type=button].btn[disabled]:not([disabled=false]),input[type=reset].btn .disabled,input[type=reset].btn[disabled]:not([disabled=false]),input[type=submit].btn .disabled,input[type=submit].btn[disabled]:not([disabled=false]){background:var(--color-grey-s);border:.1rem solid var(--color-grey-s);cursor:default}a.btn .disabled:focus,a.btn .disabled:hover,a.btn[disabled]:not([disabled=false]):focus,a.btn[disabled]:not([disabled=false]):hover,button.btn .disabled:focus,button.btn .disabled:hover,button.btn[disabled]:not([disabled=false]):focus,button.btn[disabled]:not([disabled=false]):hover,input[type=button].btn .disabled:focus,input[type=button].btn .disabled:hover,input[type=button].btn[disabled]:not([disabled=false]):focus,input[type=button].btn[disabled]:not([disabled=false]):hover,input[type=reset].btn .disabled:focus,input[type=reset].btn .disabled:hover,input[type=reset].btn[disabled]:not([disabled=false]):focus,input[type=reset].btn[disabled]:not([disabled=false]):hover,input[type=submit].btn .disabled:focus,input[type=submit].btn .disabled:hover,input[type=submit].btn[disabled]:not([disabled=false]):focus,input[type=submit].btn[disabled]:not([disabled=false]):hover{background:var(--color-grey-s);border:.1rem solid var(--color-grey-s)}a.btn .disabled.icon-svg,a.btn[disabled]:not([disabled=false]).icon-svg,button.btn .disabled.icon-svg,button.btn[disabled]:not([disabled=false]).icon-svg,input[type=button].btn .disabled.icon-svg,input[type=button].btn[disabled]:not([disabled=false]).icon-svg,input[type=reset].btn .disabled.icon-svg,input[type=reset].btn[disabled]:not([disabled=false]).icon-svg,input[type=submit].btn .disabled.icon-svg,input[type=submit].btn[disabled]:not([disabled=false]).icon-svg{background:0 0;border:0}a.btn .disabled.icon-svg>svg,a.btn[disabled]:not([disabled=false]).icon-svg>svg,button.btn .disabled.icon-svg>svg,button.btn[disabled]:not([disabled=false]).icon-svg>svg,input[type=button].btn .disabled.icon-svg>svg,input[type=button].btn[disabled]:not([disabled=false]).icon-svg>svg,input[type=reset].btn .disabled.icon-svg>svg,input[type=reset].btn[disabled]:not([disabled=false]).icon-svg>svg,input[type=submit].btn .disabled.icon-svg>svg,input[type=submit].btn[disabled]:not([disabled=false]).icon-svg>svg{color:var(--color-grey-s)}a.btn .disabled.icon-svg>svg *,a.btn[disabled]:not([disabled=false]).icon-svg>svg *,button.btn .disabled.icon-svg>svg *,button.btn[disabled]:not([disabled=false]).icon-svg>svg *,input[type=button].btn .disabled.icon-svg>svg *,input[type=button].btn[disabled]:not([disabled=false]).icon-svg>svg *,input[type=reset].btn .disabled.icon-svg>svg *,input[type=reset].btn[disabled]:not([disabled=false]).icon-svg>svg *,input[type=submit].btn .disabled.icon-svg>svg *,input[type=submit].btn[disabled]:not([disabled=false]).icon-svg>svg *{fill:currentColor}a.btn .disabled.icon-svg:hover>svg,a.btn[disabled]:not([disabled=false]).icon-svg:hover>svg,button.btn .disabled.icon-svg:hover>svg,button.btn[disabled]:not([disabled=false]).icon-svg:hover>svg,input[type=button].btn .disabled.icon-svg:hover>svg,input[type=button].btn[disabled]:not([disabled=false]).icon-svg:hover>svg,input[type=reset].btn .disabled.icon-svg:hover>svg,input[type=reset].btn[disabled]:not([disabled=false]).icon-svg:hover>svg,input[type=submit].btn .disabled.icon-svg:hover>svg,input[type=submit].btn[disabled]:not([disabled=false]).icon-svg:hover>svg{color:var(--color-grey-s)}a.btn .disabled.icon-svg:hover>svg *,a.btn[disabled]:not([disabled=false]).icon-svg:hover>svg *,button.btn .disabled.icon-svg:hover>svg *,button.btn[disabled]:not([disabled=false]).icon-svg:hover>svg *,input[type=button].btn .disabled.icon-svg:hover>svg *,input[type=button].btn[disabled]:not([disabled=false]).icon-svg:hover>svg *,input[type=reset].btn .disabled.icon-svg:hover>svg *,input[type=reset].btn[disabled]:not([disabled=false]).icon-svg:hover>svg *,input[type=submit].btn .disabled.icon-svg:hover>svg *,input[type=submit].btn[disabled]:not([disabled=false]).icon-svg:hover>svg *{fill:currentColor}a.btn.icon-svg,button.btn.icon-svg,input[type=button].btn.icon-svg,input[type=reset].btn.icon-svg,input[type=submit].btn.icon-svg{padding:0;min-width:unset;width:3rem;height:auto;background:0 0;border:0}a.btn.icon-svg.icon-auto,button.btn.icon-svg.icon-auto,input[type=button].btn.icon-svg.icon-auto,input[type=reset].btn.icon-svg.icon-auto,input[type=submit].btn.icon-svg.icon-auto{width:auto}a.btn.icon-svg.icon-xs,button.btn.icon-svg.icon-xs,input[type=button].btn.icon-svg.icon-xs,input[type=reset].btn.icon-svg.icon-xs,input[type=submit].btn.icon-svg.icon-xs{width:1.5rem}a.btn.icon-svg.icon-s,button.btn.icon-svg.icon-s,input[type=button].btn.icon-svg.icon-s,input[type=reset].btn.icon-svg.icon-s,input[type=submit].btn.icon-svg.icon-s{width:2rem}a.btn.icon-svg.icon-m,button.btn.icon-svg.icon-m,input[type=button].btn.icon-svg.icon-m,input[type=reset].btn.icon-svg.icon-m,input[type=submit].btn.icon-svg.icon-m{width:2.5rem}a.btn.icon-svg.icon-l,button.btn.icon-svg.icon-l,input[type=button].btn.icon-svg.icon-l,input[type=reset].btn.icon-svg.icon-l,input[type=submit].btn.icon-svg.icon-l{width:3rem}a.btn.icon-svg.icon-xl,button.btn.icon-svg.icon-xl,input[type=button].btn.icon-svg.icon-xl,input[type=reset].btn.icon-svg.icon-xl,input[type=submit].btn.icon-svg.icon-xl{width:3.5rem}a.btn.icon-svg svg,button.btn.icon-svg svg,input[type=button].btn.icon-svg svg,input[type=reset].btn.icon-svg svg,input[type=submit].btn.icon-svg svg{color:var(--color-primary)}a.btn.icon-svg svg *,button.btn.icon-svg svg *,input[type=button].btn.icon-svg svg *,input[type=reset].btn.icon-svg svg *,input[type=submit].btn.icon-svg svg *{fill:currentColor}a.btn.icon-svg.inverse svg,button.btn.icon-svg.inverse svg,input[type=button].btn.icon-svg.inverse svg,input[type=reset].btn.icon-svg.inverse svg,input[type=submit].btn.icon-svg.inverse svg{color:var(--color-white)}a.btn.icon-svg.inverse svg *,button.btn.icon-svg.inverse svg *,input[type=button].btn.icon-svg.inverse svg *,input[type=reset].btn.icon-svg.inverse svg *,input[type=submit].btn.icon-svg.inverse svg *{fill:currentColor}a.btn.icon-svg.active svg,a.btn.icon-svg:active svg,a.btn.icon-svg:hover svg,button.btn.icon-svg.active svg,button.btn.icon-svg:active svg,button.btn.icon-svg:hover svg,input[type=button].btn.icon-svg.active svg,input[type=button].btn.icon-svg:active svg,input[type=button].btn.icon-svg:hover svg,input[type=reset].btn.icon-svg.active svg,input[type=reset].btn.icon-svg:active svg,input[type=reset].btn.icon-svg:hover svg,input[type=submit].btn.icon-svg.active svg,input[type=submit].btn.icon-svg:active svg,input[type=submit].btn.icon-svg:hover svg{color:var(--color-primary-xs)}a.btn.icon-svg.active svg *,a.btn.icon-svg:active svg *,a.btn.icon-svg:hover svg *,button.btn.icon-svg.active svg *,button.btn.icon-svg:active svg *,button.btn.icon-svg:hover svg *,input[type=button].btn.icon-svg.active svg *,input[type=button].btn.icon-svg:active svg *,input[type=button].btn.icon-svg:hover svg *,input[type=reset].btn.icon-svg.active svg *,input[type=reset].btn.icon-svg:active svg *,input[type=reset].btn.icon-svg:hover svg *,input[type=submit].btn.icon-svg.active svg *,input[type=submit].btn.icon-svg:active svg *,input[type=submit].btn.icon-svg:hover svg *{fill:currentColor}a.btn.icon-svg:focus,a.btn.icon-svg:hover,button.btn.icon-svg:focus,button.btn.icon-svg:hover,input[type=button].btn.icon-svg:focus,input[type=button].btn.icon-svg:hover,input[type=reset].btn.icon-svg:focus,input[type=reset].btn.icon-svg:hover,input[type=submit].btn.icon-svg:focus,input[type=submit].btn.icon-svg:hover{background:0 0}a.btn.icon-svg.warning svg,button.btn.icon-svg.warning svg,input[type=button].btn.icon-svg.warning svg,input[type=reset].btn.icon-svg.warning svg,input[type=submit].btn.icon-svg.warning svg{color:var(--color-warning)}a.btn.icon-svg.warning svg *,button.btn.icon-svg.warning svg *,input[type=button].btn.icon-svg.warning svg *,input[type=reset].btn.icon-svg.warning svg *,input[type=submit].btn.icon-svg.warning svg *{fill:currentColor}a.btn.icon-svg.success svg,button.btn.icon-svg.success svg,input[type=button].btn.icon-svg.success svg,input[type=reset].btn.icon-svg.success svg,input[type=submit].btn.icon-svg.success svg{color:var(--color-success)}a.btn.icon-svg.success svg *,button.btn.icon-svg.success svg *,input[type=button].btn.icon-svg.success svg *,input[type=reset].btn.icon-svg.success svg *,input[type=submit].btn.icon-svg.success svg *{fill:currentColor}a.btn>.spinner,button.btn>.spinner,input[type=button].btn>.spinner,input[type=reset].btn>.spinner,input[type=submit].btn>.spinner{position:absolute;left:0;top:0;width:100%;height:100%;background:var(--color-grey-xs);border-radius:.3rem}.switch{position:relative;display:inline-block;width:4.5rem;height:2.2rem}.switch input{width:0;height:0;opacity:0}.switch input:checked+.slider{background-color:var(--color-primary)}.switch input:focus+.slider{box-shadow:0 0 .1rem var(--color-primary)}.switch input:checked+.slider:before{-webkit-transform:translateX(2.4rem);-ms-transform:translateX(2.4rem);transform:translateX(2.4rem)}.switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;padding:.2rem;background:var(--color-grey-s);border-radius:2rem;-webkit-transition:.4s;transition:.4s}.switch .slider:before{position:absolute;content:"";height:1.8rem;width:1.8rem;left:.1rem;background:var(--color-white);border-radius:50%;-webkit-transition:.4s;transition:.4s}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{padding:.1rem .5rem;width:100%;height:3rem;box-sizing:border-box;border:.1rem solid var(--color-grey-s);border-radius:.3rem;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=email]::-ms-expand,input[type=number]::-ms-expand,input[type=password]::-ms-expand,input[type=search]::-ms-expand,input[type=tel]::-ms-expand,input[type=text]::-ms-expand,input[type=url]::-ms-expand,select::-ms-expand,textarea::-ms-expand{display:none}input[type=email]:focus::not(.disabled),input[type=number]:focus::not(.disabled),input[type=password]:focus::not(.disabled),input[type=search]:focus::not(.disabled),input[type=tel]:focus::not(.disabled),input[type=text]:focus::not(.disabled),input[type=url]:focus::not(.disabled),select:focus::not(.disabled),textarea:focus::not(.disabled){border:.1rem solid var(--color-primary);outline:0}input[type=email] input[disabled]:not([disabled=false]),input[type=email].disabled,input[type=number] input[disabled]:not([disabled=false]),input[type=number].disabled,input[type=password] input[disabled]:not([disabled=false]),input[type=password].disabled,input[type=search] input[disabled]:not([disabled=false]),input[type=search].disabled,input[type=tel] input[disabled]:not([disabled=false]),input[type=tel].disabled,input[type=text] input[disabled]:not([disabled=false]),input[type=text].disabled,input[type=url] input[disabled]:not([disabled=false]),input[type=url].disabled,select input[disabled]:not([disabled=false]),select.disabled,textarea input[disabled]:not([disabled=false]),textarea.disabled{background:var(--color-grey-xs);color:var(--color-grey-m)}input::-webkit-calendar-picker-indicator{display:none}.frm-datalist,select{padding-right:2.5rem;width:99%;background:var(--color-white) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAWElEQVQ4jWNgGAVUB08ZGBj+E8BP8BngxcDA8AeP5t8MDAwehFyRgceAVGK90oVFcxuxmhkYGBgYGRgYViJpXgYVIwlwMDAw7GNgYNjFwMDATqrmUUACAAAyuSLu9U5rxAAAAABJRU5ErkJggg==) no-repeat;background-position-x:calc(100% - .5rem);background-position-y:66.6666666667%;cursor:pointer}.frm-datalist{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFFmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDIgNzkuMTY0NDYwLCAyMDIwLzA1LzEyLTE2OjA0OjE3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMiAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIwLTEwLTE1VDEzOjE0OjA3KzAyOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMC0xMC0xNVQxMzoxNDo1OSswMjowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMC0xMC0xNVQxMzoxNDo1OSswMjowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowZWM3MTc5Yi05M2ZmLTQ4NDQtOWZlMS04MzRlYWNkZWY5MzciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MGVjNzE3OWItOTNmZi00ODQ0LTlmZTEtODM0ZWFjZGVmOTM3IiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MGVjNzE3OWItOTNmZi00ODQ0LTlmZTEtODM0ZWFjZGVmOTM3Ij4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDowZWM3MTc5Yi05M2ZmLTQ4NDQtOWZlMS04MzRlYWNkZWY5MzciIHN0RXZ0OndoZW49IjIwMjAtMTAtMTVUMTM6MTQ6MDcrMDI6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMS4yIChXaW5kb3dzKSIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5xTQH8AAAAgUlEQVQ4jc3TwQkCMRBG4W+8aGliH8JW4sFCBFvwYDVahQvjRZa4xlXIgg7MJcN78xOSyEwttWii/0IgM4fGFfmhLyUTrZc4b4KIGKS1qs5HCTboJ7bfsH5iRgLoJgTbl6UVAewr8K6a+o0gcCzgw+PsawGscMYJy3Iw6zv4/V+4A+l0vDML5FuRAAAAAElFTkSuQmCC);cursor:default}textarea{padding-top:.6rem;padding-bottom:.6rem;min-height:8rem;line-height:1.4;font-size:medium}textarea.textarea-s{height:8rem}textarea.textarea-m{height:16rem}textarea.textarea-l{height:24rem}textarea.textarea-ruled{font-size:large;line-height:2.9rem;background-image:-moz-linear-gradient(top,transparent,transparent 2.9rem,var(--color-grey-xs) 0);background-image:-webkit-linear-gradient(top,transparent,transparent 2.9rem,var(--color-grey-xs) 0);background-size:100% 3rem}label{display:block;margin-bottom:.25rem}legend{display:block;margin-bottom:1.5rem}fieldset{display:block;margin:0;padding:0;border-width:0}input[type=checkbox],input[type=radio]{display:inline}input[type=checkbox].disabled,input[type=checkbox][disabled]:not([disabled=false]),input[type=radio].disabled,input[type=radio][disabled]:not([disabled=false]){background-color:var(--color-grey-xs);color:var(--color-grey-m)}label>.value{display:inline-block;margin-left:.5rem;cursor:pointer}label>.value.disabled{cursor:default;color:var(--color-grey-m)}p{width:100%}.frm-btn.center,.frm-ctr.center{text-align:center}.frm-txt{padding:2rem 0;font-size:var(--font-size-s)}.frm-btn{margin-top:2rem;text-align:right}.frm-btn .btn{margin-left:2rem}.frm-ctr{display:flex;flex-wrap:wrap;margin-bottom:.5rem;padding:0;line-height:1.2;font-size:var(--font-size-s)}@media (min-width:768px){.frm-ctr{align-items:center}}.frm-ctr input[type=email],.frm-ctr input[type=number],.frm-ctr input[type=password],.frm-ctr input[type=search],.frm-ctr input[type=tel],.frm-ctr input[type=text],.frm-ctr input[type=url],.frm-ctr select,.frm-ctr textarea{flex-grow:1;width:auto}.frm-ctr input[type=email].input-xs,.frm-ctr input[type=number].input-xs,.frm-ctr input[type=password].input-xs,.frm-ctr input[type=search].input-xs,.frm-ctr input[type=tel].input-xs,.frm-ctr input[type=text].input-xs,.frm-ctr input[type=url].input-xs,.frm-ctr select.input-xs,.frm-ctr textarea.input-xs{flex-grow:0;width:3rem}.frm-ctr input[type=email].input-s,.frm-ctr input[type=number].input-s,.frm-ctr input[type=password].input-s,.frm-ctr input[type=search].input-s,.frm-ctr input[type=tel].input-s,.frm-ctr input[type=text].input-s,.frm-ctr input[type=url].input-s,.frm-ctr select.input-s,.frm-ctr textarea.input-s{flex-grow:0;width:6rem}.frm-ctr input[type=email].input-m,.frm-ctr input[type=number].input-m,.frm-ctr input[type=password].input-m,.frm-ctr input[type=search].input-m,.frm-ctr input[type=tel].input-m,.frm-ctr input[type=text].input-m,.frm-ctr input[type=url].input-m,.frm-ctr select.input-m,.frm-ctr textarea.input-m{flex-grow:0;width:12rem}.frm-ctr input[type=email].input-l,.frm-ctr input[type=number].input-l,.frm-ctr input[type=password].input-l,.frm-ctr input[type=search].input-l,.frm-ctr input[type=tel].input-l,.frm-ctr input[type=text].input-l,.frm-ctr input[type=url].input-l,.frm-ctr select.input-l,.frm-ctr textarea.input-l{flex-grow:0;width:24rem}.frm-ctr input[type=email].input-xl,.frm-ctr input[type=number].input-xl,.frm-ctr input[type=password].input-xl,.frm-ctr input[type=search].input-xl,.frm-ctr input[type=tel].input-xl,.frm-ctr input[type=text].input-xl,.frm-ctr input[type=url].input-xl,.frm-ctr select.input-xl,.frm-ctr textarea.input-xl{flex-grow:0;width:30rem}.frm-ctr>input~input{margin-left:1rem}.frm-ctr.frm-wrap{display:block}.frm-ctr.frm-wrap input[type=email],.frm-ctr.frm-wrap input[type=number],.frm-ctr.frm-wrap input[type=password],.frm-ctr.frm-wrap input[type=search],.frm-ctr.frm-wrap input[type=tel],.frm-ctr.frm-wrap input[type=text],.frm-ctr.frm-wrap input[type=url],.frm-ctr.frm-wrap select,.frm-ctr.frm-wrap textarea{width:100%}.frm-ctr .label-placeholder,.frm-ctr label{margin-left:.25rem;width:100%}@media (min-width:768px){.frm-ctr .label-placeholder,.frm-ctr label{margin-left:0;width:20rem}}.frm-ctr .label-placeholder.wrapper,.frm-ctr label.wrapper{display:flex;flex-grow:1;align-items:center;margin-bottom:.5rem;cursor:pointer}.frm-ctr .label-placeholder.wrapper span,.frm-ctr label.wrapper span{margin-left:.5rem}.frm-ctr .frm-wrapper{width:100%}.frm-ctr>.frm-btn{display:flex;margin:0 0 0 1rem;text-align:left}.frm-ctr>.frm-btn .btn{margin:0 1rem 0 0}main.default{box-sizing:border-box}main.default section.content-head{margin-left:1.5rem;margin-right:1.5rem;border-bottom:.1rem solid var(--color-grey-s)}@media (min-width:768px){main.default section.content-head{margin-left:0;margin-right:0}}main.default section.content-head.content-head-course{border-bottom:0}main.default section.content-head.content-head-course hr{margin:0}main.default section.content-head p{margin:0;color:var(--color-grey-l)}main.default section.content-body article{padding:1rem 0}main.default section.content-body article header,main.default section.content-body article section{position:relative;padding:1.5rem;border-radius:.3rem}main.default section.content-body article header>section,main.default section.content-body article section>section{padding-left:0;padding-right:0}main.default section.content-body article .heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:start}main.default section.content-body article .heading.heading-bookmark{flex-wrap:nowrap}main.default section.content-body article .heading.heading-bookmark h1{width:90%}main.default section.content-body article .heading button{margin-top:.5rem}main.default section.content-body article section.text{padding-top:0;padding-bottom:0}main.default section.content-body article section.animation,main.default section.content-body article section.browser,main.default section.content-body article section.extrapage,main.default section.content-body article section.extrapagelink,main.default section.content-body article section.image,main.default section.content-body article section.video{padding-top:.5rem;padding-bottom:.5rem}main.default section.content-body article section.casestudy,main.default section.content-body article section.definition,main.default section.content-body article section.example,main.default section.content-body article section.hint,main.default section.content-body article section.learninggoal,main.default section.content-body article section.practicaltask,main.default section.content-body article section.sourcecode,main.default section.content-body article section.terminal{margin:1.5rem;padding-top:0}@media (min-width:768px){main.default section.content-body article section.casestudy,main.default section.content-body article section.definition,main.default section.content-body article section.example,main.default section.content-body article section.hint,main.default section.content-body article section.learninggoal,main.default section.content-body article section.practicaltask,main.default section.content-body article section.sourcecode,main.default section.content-body article section.terminal{margin:1.5rem 0}}main.default section.content-body article section.casestudy.child,main.default section.content-body article section.definition.child,main.default section.content-body article section.example.child,main.default section.content-body article section.hint.child,main.default section.content-body article section.learninggoal.child,main.default section.content-body article section.practicaltask.child,main.default section.content-body article section.sourcecode.child,main.default section.content-body article section.terminal.child{border:0!important}main.default section.content-body article section.casestudy .region,main.default section.content-body article section.definition .region,main.default section.content-body article section.example .region,main.default section.content-body article section.hint .region,main.default section.content-body article section.learninggoal .region,main.default section.content-body article section.practicaltask .region,main.default section.content-body article section.sourcecode .region,main.default section.content-body article section.terminal .region{position:relative;top:0;left:-1.5rem;right:0;margin-top:0;padding:.5rem 1.5rem;width:100%;font-size:var(--font-size-s)}main.default section.content-body article section.text{background:0 0;border:.1rem solid var(--color-course-text)}main.default section.content-body article section.text .region{background:var(--color-course-text)}main.default section.content-body article section.image{background:0 0;border:.1rem solid var(--color-course-image)}main.default section.content-body article section.image .region{background:var(--color-course-image)}main.default section.content-body article section.video{background:0 0;border:.1rem solid var(--color-course-video)}main.default section.content-body article section.video .region{background:var(--color-course-video)}main.default section.content-body article section.animation{background:0 0;border:.1rem solid var(--color-course-animation)}main.default section.content-body article section.animation .region{background:var(--color-course-animation)}main.default section.content-body article section.browser{display:inline-block;background:0 0}main.default section.content-body article section.browser.browserhtml{display:block}main.default section.content-body article section.browser .region{background:var(--color-course-browser)}main.default section.content-body article section.browser div.figure .browser-topbar,main.default section.content-body article section.browser figure .browser-topbar{padding:.5rem 1rem;background:var(--color-grey-xs);border-left:.1rem solid var(--color-grey-s);border-top:.1rem solid var(--color-grey-s);border-right:.1rem solid var(--color-grey-s);font-weight:var(--font-weight-l)}main.default section.content-body article section.browser div.figure .browser-addressbar,main.default section.content-body article section.browser figure .browser-addressbar{padding:.5rem;background:var(--color-grey-xxs);border-left:.1rem solid var(--color-grey-s);border-right:.1rem solid var(--color-grey-s)}main.default section.content-body article section.browser div.figure .browser-addressfield,main.default section.content-body article section.browser figure .browser-addressfield{box-sizing:border-box;margin:.1rem;padding:.1rem .5rem;border:.1rem solid var(--color-grey-s);background:var(--color-grey-xxxs)}main.default section.content-body article section.browser div.figure .browser-body,main.default section.content-body article section.browser figure .browser-body{border:.1rem solid var(--color-grey-s);background:var(--color-white)}main.default section.content-body article section.browser div.figure .browser-body *,main.default section.content-body article section.browser figure .browser-body *{all:revert}main.default section.content-body article section.browser div.figure .browser-body>.browser-body-wrap,main.default section.content-body article section.browser figure .browser-body>.browser-body-wrap{margin:2rem 1rem 5rem 1rem}main.default section.content-body article section.browser div.figure .browser-image,main.default section.content-body article section.browser figure .browser-image{border:.1rem solid var(--color-grey-s);background:var(--color-white)}main.default section.content-body article section.browser div.figure .browser-image img,main.default section.content-body article section.browser figure .browser-image img{border:0}main.default section.content-body article section.extrapage{background:0 0;border:.1rem solid var(--color-course-extrapage)}main.default section.content-body article section.extrapage .region{background:var(--color-course-extrapage)}main.default section.content-body article section.extrapagelink{background:0 0;border:.1rem solid var(--color-course-extrapagelink)}main.default section.content-body article section.extrapagelink .region{background:var(--color-course-extrapagelink)}main.default section.content-body article section.definition{background:0 0;border:.1rem solid var(--color-course-definition)}main.default section.content-body article section.definition .region{background:var(--color-course-definition)}main.default section.content-body article section.hint{background:0 0;border:.1rem solid var(--color-course-hint)}main.default section.content-body article section.hint .region{background:var(--color-course-hint)}main.default section.content-body article section.sourcecode{background:var(--color-white);border:.1rem solid var(--color-course-sourcecode)}main.default section.content-body article section.sourcecode .region{background:var(--color-course-sourcecode)}main.default section.content-body article section.terminal{background:var(--color-white);border:.1rem solid var(--color-course-terminal)}main.default section.content-body article section.terminal .region{background:var(--color-course-terminal)}main.default section.content-body article section.example{background:0 0;border:.1rem solid var(--color-course-example)}main.default section.content-body article section.example .region{background:var(--color-course-example)}main.default section.content-body article section.casestudy{background:0 0;border:.1rem solid var(--color-course-casestudy)}main.default section.content-body article section.casestudy .region{background:var(--color-course-casestudy)}main.default section.content-body article section.practicaltask{background:0 0;border:.1rem solid var(--color-course-practicaltask)}main.default section.content-body article section.practicaltask .region{background:var(--color-course-practicaltask)}main.default section.content-body article section.learninggoal{background:0 0;border:.1rem solid var(--color-course-learninggoal)}main.default section.content-body article section.learninggoal .region{background:var(--color-course-learninggoal)}main.default section.content-body article section.child.animation,main.default section.content-body article section.child.browser,main.default section.content-body article section.child.extrapage,main.default section.content-body article section.child.extrapagelink,main.default section.content-body article section.child.image,main.default section.content-body article section.child.text,main.default section.content-body article section.child.video{background:0 0}main.default section.content-body article section.child.animation .region,main.default section.content-body article section.child.browser .region,main.default section.content-body article section.child.extrapage .region,main.default section.content-body article section.child.extrapagelink .region,main.default section.content-body article section.child.image .region,main.default section.content-body article section.child.text .region,main.default section.content-body article section.child.video .region{background:0 0}main.default section.content-body article section.child.casestudy,main.default section.content-body article section.child.definition,main.default section.content-body article section.child.example,main.default section.content-body article section.child.hint,main.default section.content-body article section.child.learninggoal,main.default section.content-body article section.child.practicaltask,main.default section.content-body article section.child.sourcecode,main.default section.content-body article section.child.terminal{background:0 0}main.default section.content-body article section.child.casestudy .region,main.default section.content-body article section.child.definition .region,main.default section.content-body article section.child.example .region,main.default section.content-body article section.child.hint .region,main.default section.content-body article section.child.learninggoal .region,main.default section.content-body article section.child.practicaltask .region,main.default section.content-body article section.child.sourcecode .region,main.default section.content-body article section.child.terminal .region{top:unset;left:unset;right:unset;padding:.5rem 0;border-bottom:.1rem solid var(--color-grey-xs);background:0 0}main.default section.content-body ul.course-contents{margin:3rem 2rem 3rem 0;padding:1.5rem;list-style:none;border:.1rem solid var(--color-grey-s)}main.default section.content-body ul.course-contents.course-contents-webdemo{background:var(--color-grey-xxs)}main.default section.content-body ul.course-contents>li{margin-bottom:0}main.default section.content-body ul.course-contents>li>span{font-weight:var(--font-weight-l)}main.default section.content-body ul.course-contents>li>ul{margin-top:0;margin-left:1.5rem;list-style:none}main.default section.content-body ul.course-contents>li>ul>li>ul{margin:0 0 0 1.5rem;list-style:none}main.default section.content-body .course-contents-settings{font-size:var(--font-size-s)}main.default section.content-body .course-contents-settings .show-pages{display:none}main.default section.content-body .course-contents-settings .show-pages.show{display:block}main.default section.content-body ul.course-content-pages{display:none}main.default section.content-body ul.course-content-pages.show{display:block}main.default section.content-body .table-of-contents{margin:3rem 1rem;padding:0 0 .5rem 0;background:var(--color-grey-xxxs);border-radius:.3rem}main.default section.content-body .table-of-contents h3{padding:.5rem 1.5rem;background:var(--color-grey-xxs);font-size:var(--font-size-s)}main.default section.content-body .table-of-contents ul{margin:1rem 3rem;line-height:2}main.default section.content-body .table-of-letters{margin:3rem 1rem}main.default section.content-body .table-of-letters ul{display:flex;flex-wrap:wrap;margin:0;line-height:2}main.default section.content-body .table-of-letters ul li{list-style:none}main.default section.content-body .table-of-letters ul li a{display:block;box-sizing:border-box;margin:.2rem;min-width:2.5rem;text-align:center;border:.1rem solid var(--color-primary);border-radius:.3rem;font-weight:var(--font-weight-xl);text-decoration:none}main.default section.content-body .table-of-letters ul li a:hover{background:var(--color-primary-s);border:.1rem solid var(--color-primary-s);color:var(--color-white)}main.default section.content-body .section-item-toolbar{margin:1rem 0;text-align:right;font-size:var(--font-size-xs)}main.default section.content-body .section-item-toolbar .back-to-go-button{padding:0!important;height:0!important;width:0!important;overflow:hidden!important}main.default section.content-body .section-item-toolbar .back-to-go-button:focus{height:auto!important;width:auto!important;overflow:visible!important}main.default section.content-body .row-index{display:block;margin-bottom:2rem;word-wrap:normal}@media (min-width:480px){main.default section.content-body .row-index{display:flex;justify-content:space-between;margin-bottom:auto}main.default section.content-body .row-index:before{content:"..................................................................................................................................................................................................................................";position:absolute;left:2rem;right:2rem;overflow:hidden}}main.default section.content-body .row-index span{display:block;z-index:1;padding-right:1rem;background:var(--color-white)}main.default section.content-body .row-index div{display:inline-flex;z-index:1;background:var(--color-white)}main.default section.content-body .row-index div a{margin-right:-.2rem}@media (min-width:480px){main.default section.content-body .row-index div a{margin-left:1rem}}.page-head{position:fixed;bottom:0;z-index:1030;display:flex;box-sizing:border-box;padding:.25rem 1.5rem;width:100%;background:var(--color-white);border-top:.1rem solid var(--color-grey-xs);box-shadow:0 -.2rem .5rem var(--color-grey-xs)}@media (min-width:480px){.page-head{top:0;bottom:unset;border-top:0;border-bottom:.1rem solid var(--color-grey-xs);box-shadow:0 .2rem .5rem var(--color-grey-xs)}}.page-head .toolbar{display:flex;justify-content:space-between}.page-navigation{position:fixed;top:0;right:0;z-index:1060;width:0;height:0;visibility:hidden;overflow-y:auto;opacity:0;background:var(--color-white);transition:opacity .5s ease}.page-navigation.show{width:92%;min-height:100%;visibility:visible;opacity:1}@media (min-width:480px){.page-navigation.show{width:30rem}}.page-navigation .head{margin-bottom:1rem;padding:1rem;border-bottom:.1rem solid var(--color-grey-m)}.page-navigation .head .icon-svg{display:block;cursor:pointer}.page-navigation .head .icon-svg svg{color:var(--color-primary)}.page-navigation .head .icon-svg svg *{fill:currentColor}.page-navigation .head .icon-svg:hover svg{color:var(--color-primary-xs)}.page-navigation .head .icon-svg:hover svg *{fill:currentColor}.page-navigation nav>ul{margin:0;padding:1rem 1.5rem}.page-navigation nav>ul>li{list-style:none}.page-navigation nav>ul>li a{display:flex;justify-content:space-between;padding:.25rem;font-size:var(--font-size-m);font-weight:var(--font-weight-l);color:var(--color-primary);text-decoration:none}.page-navigation nav>ul>li a svg{color:var(--color-primary)}.page-navigation nav>ul>li a svg *{fill:currentColor}.page-navigation nav>ul>li a.current,.page-navigation nav>ul>li a:hover{color:var(--color-primary-xs)}.page-navigation nav>ul>li a.current svg,.page-navigation nav>ul>li a:hover svg{color:var(--color-primary-xs)}.page-navigation nav>ul>li a.current svg *,.page-navigation nav>ul>li a:hover svg *{fill:currentColor}.page-navigation nav>ul>li hr{margin:.5rem auto}#main[data-location=intro]{background:var(--color-primary)}#main[data-location=intro] .page-head{display:none}#main[data-location=intro] .page-head-intro{display:flex}#main[data-location=intro] .course-navigation{display:none}#main[data-location=intro] .main-wrap{margin:0}.page-head-intro{display:none;justify-content:space-between;box-sizing:border-box;padding:1rem 1.5rem;width:100%;background-color:var(--color-primary);border-bottom:.1rem solid var(--color-white)}.page-head-intro svg{color:var(--color-white)}.page-head-intro svg *{fill:currentColor}.page-head-intro .icon-svg.icon-logo_fernuni{width:14rem;height:3rem}.main-intro{flex-grow:1;box-sizing:border-box;padding:2rem;color:var(--color-white);background-color:var(--color-primary)}.main-intro section{margin-bottom:4rem}.main-intro p{margin:0}.main-intro section.title h1{color:var(--color-white)}@media (min-width:480px){.main-intro section.title h1{font-size:var(--font-size-xxl)}}.main-intro section.title p{font-style:italic}@media (min-width:768px){.main-intro section.title p{font-size:var(--font-size-l)}}.main-intro section.info p{font-size:var(--font-size-s)}.main-intro section.activated{display:inline-block;padding:1rem;background:var(--color-success);color:var(--color-white)}.main-intro section.activated p{font-size:var(--font-size-s)}.main-intro section.action{margin-bottom:auto;padding:2rem 0}.main-intro section.action button{margin-right:1rem;margin-bottom:1rem;font-weight:700}main.main-start{box-sizing:border-box}.page-help .content-body article>section{border-bottom:.1rem solid var(--color-grey-l);border-radius:0!important}.page-help .example-link.glossary{color:var(--color-primary);text-decoration:underline}.page-help .example-link.intern{color:var(--color-primary);text-decoration:underline}.page-help .example-link.extern{color:var(--color-primary);text-decoration:underline}.page-help .example-link.literature{color:var(--color-primary);text-decoration:underline}.page-help .example-region-color{display:block;padding:.5rem;width:20rem;border:.1rem solid var(--color-grey-l);border-radius:.3rem}.page-help .example-region-color.learninggoal{background:var(--color-course-learninggoal)}.page-help .example-region-color.definition{background:var(--color-course-definition)}.page-help .example-region-color.hint{background:var(--color-course-hint)}.page-help .example-region-color.example{background:var(--color-course-example)}.page-help .example-region-color.casestudy{background:var(--color-course-casestudy)}.page-help .example-region-color.practicaltask{background:var(--color-course-practicaltask)}.page-help .example-region-color.animation{background:var(--color-course-animation)}.course-navigation-header{display:none}@media (min-width:1280px){.course-navigation-header.show{display:block;width:92%;max-width:45rem}}.course-navigation{position:fixed;top:0;left:0;z-index:1060;display:none;width:0;height:100%;visibility:hidden;overflow-y:auto;opacity:0;background:var(--color-white);box-shadow:.1rem 0 .5rem var(--color-grey-xs);transition:opacity .5s ease}@media (min-width:1280px){.course-navigation{position:relative;top:unset;left:unset;z-index:unset;overflow-y:visible}}.course-navigation.show{display:block;width:92%;max-width:45rem;min-height:100%;visibility:visible;opacity:1;background:var(--color-white)}.course-navigation .wrapper{position:fixed;display:block;height:100%;overflow:auto;width:92%;max-width:45rem}.course-navigation .head{display:flex;justify-content:flex-end;align-items:center;margin-bottom:1rem;padding:1rem;border-bottom:.1rem solid var(--color-grey-s)}@media (min-width:1280px){.course-navigation .head{justify-content:space-between}}.course-navigation .head .icon-svg{display:block;width:3.4rem;height:3.4rem;cursor:pointer}@media (min-width:1280px){.course-navigation .head .icon-svg{width:2.4rem;height:2.4rem}}.course-navigation .head .icon-svg svg{color:var(--color-primary)}.course-navigation .head .icon-svg svg *{fill:currentColor}.course-navigation .head .icon-svg.icon-pin{display:none}@media (min-width:1280px){.course-navigation .head .icon-svg.icon-pin{display:block}}.course-navigation .head .icon-svg.active svg,.course-navigation .head .icon-svg:hover svg{color:var(--color-primary-s)}.course-navigation .head .icon-svg.active svg *,.course-navigation .head .icon-svg:hover svg *{fill:currentColor}.course-navigation nav{padding-bottom:10rem}.course-navigation nav>ul{margin:0;padding:1rem}.course-navigation nav>ul>li{margin-bottom:2rem}.course-navigation nav>ul>li span{font-weight:var(--font-weight-l)}.course-navigation nav>ul>li>ul{margin:0 0 0 1.5rem}.course-navigation nav>ul li{list-style:none}.course-navigation nav>ul li a{position:relative;display:flex;font-size:var(--font-size-s);color:var(--color-primary);text-decoration:none}.course-navigation nav>ul li a:hover{color:var(--color-primary-xs);text-decoration:underline}.course-navigation nav>ul li a.current{text-decoration:underline}.course-navigation nav>ul li a span{min-width:2.2rem;margin-right:.5rem}.course-navigation nav>ul li a.seen:before{position:absolute;left:-1rem;top:1rem;width:.3rem;height:.3rem;content:"";background:var(--color-success);border-radius:50%}.course-navigation nav>ul li hr{margin:.5rem auto}.course-navigation .course-contents-webdemo{background:var(--color-grey-xxs)}.course-navigation .course-contents-webdemo li a span{min-width:3.5rem}.course-footer-back-button{display:flex;position:fixed;left:0;right:0;bottom:4rem;z-index:1030;margin:0;width:100%;background:rgba(var(--color-white-rgb),.8)}@media (min-width:480px){.course-footer-back-button{bottom:0}}@media (min-width:768px){.course-footer-back-button{width:auto}}.course-footer-back-button .wrap{display:flex;flex-wrap:wrap;justify-content:flex-end;box-sizing:border-box;padding:1rem 1.5rem;border-top:.1rem solid var(--color-grey-s)}@media (min-width:768px){.course-footer-back-button .wrap{flex-wrap:nowrap}}.course-footer-back-button .course-navigation-balance{display:none}.course-footer-back-button .course-navigation-balance.show{display:block;width:92%;max-width:45rem;min-height:100%;visibility:visible}.course-pagination{display:flex;margin:0;width:100%}@media (min-width:480px){.course-pagination{position:fixed;left:0;right:0;bottom:0;z-index:1030;background:rgba(var(--color-white-rgb),.8)}}@media (min-width:768px){.course-pagination{width:auto}}.course-pagination .pagination-container{display:flex;flex-wrap:wrap;justify-content:space-between;box-sizing:border-box;padding:1rem 1.5rem;min-height:5.5rem;border-top:.1rem solid var(--color-grey-s)}@media (min-width:768px){.course-pagination .pagination-container{flex-wrap:nowrap}}.course-pagination .pagination-container .back{order:1}.course-pagination .pagination-container .forth{order:3}.course-pagination .pagination-container nav{flex-grow:1;order:4;margin:1rem 0 0 0;width:100%;text-align:center}@media (min-width:768px){.course-pagination .pagination-container nav{order:2;margin:0 2rem;width:auto}}.course-pagination .pagination-container nav ul{display:flex;flex-wrap:wrap;justify-content:center;margin:0}.course-pagination .pagination-container nav ul li{list-style:none;margin:0 .25rem .5rem}.course-pagination .pagination-container .forth-feedback{background:var(--color-success);border:none;margin:0;padding:.75rem 1.5rem}.course-pagination .pagination-container .forth-feedback:hover{background:var(--color-success-s)}.course-pagination .course-navigation-balance{display:none}.course-pagination .course-navigation-balance.show{display:block;width:92%;max-width:45rem;min-height:100%;visibility:visible}.course-pagination.course-pagination-webdemo{flex-wrap:wrap}.course-pagination.course-pagination-webdemo .pagination-container{padding-bottom:0}.course-pagination.course-pagination-webdemo .webdemo-info{padding-bottom:.5rem;width:100%;text-align:center}.notepad .notepad-form{overflow-x:auto}.notepad .notepad-form fieldset{margin:2rem 0;padding:.2rem}.notepad .notepad-form fieldset .notepad-container{padding:2rem 0;border:0}.notepad .notepad-form fieldset>.frm-btn .btn.btn-xs{margin-top:2rem}@media (min-width:480px){.notepad .notepad-form fieldset>.frm-btn .btn.btn-xs{margin-top:auto}}.exercise .exercise-form{overflow-x:auto}.exercise .exercise-form fieldset{margin:2rem 0;padding:.2rem}.exercise .exercise-form fieldset .exercise-container{padding:2rem 0;border-top:.1rem solid var(--color-grey-l);border-bottom:.1rem solid var(--color-grey-l)}.exercise .exercise-form fieldset>.frm-btn .btn.btn-xs{margin-top:2rem}@media (min-width:480px){.exercise .exercise-form fieldset>.frm-btn .btn.btn-xs{margin-top:auto}}.exercise .exercise-form fieldset .answer{border-radius:.5rem;cursor:pointer}.exercise .exercise-form.exercise-form-freetext .exercise-container{border:0}.exercise .exercise-form.exercise-form-fillintext .exercise-container{line-height:3}.exercise .exercise-form.exercise-form-fillintext input{border-top:0;border-left:0;border-right:0;border-radius:0}.exercise .exercise-form.exercise-form-fillintext input.input-xs{width:3rem}.exercise .exercise-form.exercise-form-fillintext input.input-s{width:6rem}.exercise .exercise-form.exercise-form-fillintext input.input-m{width:12rem}.exercise .exercise-form.exercise-form-fillintext input.input-l{width:24rem}.exercise .exercise-form.exercise-form-fillintext input.input-xl{width:30rem}.exercise .exercise-form.exercise-form-fillintext input.success{border:.2rem solid var(--color-success-s)}.exercise .exercise-form.exercise-form-fillintext input.warning{border:.2rem solid var(--color-warning-s)}.exercise .exercise-form.exercise-form-fillintext input.hint{border:.2rem solid var(--color-hint-s)}.exercise .exercise-form.exercise-form-matrixchoice .exercise-container,.exercise .exercise-form.exercise-form-multiplechoice .exercise-container,.exercise .exercise-form.exercise-form-singlechoice .exercise-container{line-height:3}.exercise .exercise-form.exercise-form-matrixchoice .exercise-container label,.exercise .exercise-form.exercise-form-multiplechoice .exercise-container label,.exercise .exercise-form.exercise-form-singlechoice .exercise-container label{display:flex;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box;padding:.5rem;background:var(--color-grey-xxxs);border:.2rem solid var(--color-grey-xs)}.exercise .exercise-form.exercise-form-matrixchoice .exercise-container label.active,.exercise .exercise-form.exercise-form-matrixchoice .exercise-container label:hover,.exercise .exercise-form.exercise-form-multiplechoice .exercise-container label.active,.exercise .exercise-form.exercise-form-multiplechoice .exercise-container label:hover,.exercise .exercise-form.exercise-form-singlechoice .exercise-container label.active,.exercise .exercise-form.exercise-form-singlechoice .exercise-container label:hover{border:.2rem solid var(--color-primary)}.exercise .exercise-form.exercise-form-matrixchoice .exercise-container label span,.exercise .exercise-form.exercise-form-multiplechoice .exercise-container label span,.exercise .exercise-form.exercise-form-singlechoice .exercise-container label span{padding-right:1rem}.exercise .exercise-form.exercise-form-matrixchoice .exercise-container label.success,.exercise .exercise-form.exercise-form-multiplechoice .exercise-container label.success,.exercise .exercise-form.exercise-form-singlechoice .exercise-container label.success{border:.2rem solid var(--color-success-s)}.exercise .exercise-form.exercise-form-matrixchoice .exercise-container label.warning,.exercise .exercise-form.exercise-form-multiplechoice .exercise-container label.warning,.exercise .exercise-form.exercise-form-singlechoice .exercise-container label.warning{border:.2rem solid var(--color-warning-s)}.exercise .exercise-form.exercise-form-matrixchoice .exercise-container label.hint,.exercise .exercise-form.exercise-form-multiplechoice .exercise-container label.hint,.exercise .exercise-form.exercise-form-singlechoice .exercise-container label.hint{border:.2rem solid var(--color-hint-s)}.exercise .exercise-form.exercise-form-matrixchoice .exercise-container{line-height:inherit}.exercise .exercise-form.exercise-form-matrixchoice .exercise-container .answer{display:flex;justify-content:center;align-items:center;box-sizing:border-box;padding:1rem}.exercise .sample-solution,.exercise .solution-explanation{display:none;margin-top:4rem;padding:2rem 0;border-top:.1rem solid var(--color-grey-s);border-bottom:.1rem solid var(--color-grey-s)}.exercise .sample-solution.show,.exercise .solution-explanation.show{display:block}.exercise .solution-hint{margin-top:4rem}#search-results>div{border-bottom:.1rem dashed var(--color-grey-s)}#search-results>div p.links{display:flex;justify-content:space-between;align-items:center}.bookmarks-list>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.5rem .2rem;border-bottom:.1rem dashed var(--color-grey-s)}.bookmarks-list>div:hover{background:var(--color-grey-xxs)}.page-grading .course-progress{height:2rem;overflow:hidden;background:var(--color-grey-xxxs);border:.1rem solid var(--color-grey-s);border-radius:.3rem}.page-grading .course-progress .done{width:0%;height:100%;background:var(--color-grading-passed)}.page-grading .exercise-progress{display:flex;height:2rem;overflow:hidden;background:var(--color-grey-xxxs);border:.1rem solid var(--color-grey-s);border-radius:.3rem}.page-grading .exercise-progress .passed{width:0%;height:100%;background:var(--color-grading-passed)}.page-grading .exercise-progress .failed{width:0%;height:100%;background:var(--color-grading-failed)}.grading-bar{margin-bottom:.5rem;overflow:hidden;border-radius:.3rem;opacity:.5}.grading-bar .course-progress{height:.2rem;background:var(--color-grey-xxxs);border-bottom:.1rem solid var(--color-grey-xs)}.grading-bar .course-progress .done{width:0%;height:100%;background:var(--color-grading-passed)}.grading-bar .exercise-progress{display:flex;height:.2rem;background:var(--color-grey-xxxs)}.grading-bar .exercise-progress .passed{width:0%;height:100%;background:var(--color-grading-passed)}.grading-bar .exercise-progress .failed{width:0%;height:100%;background:var(--color-grading-failed)}#setting-items h2{margin:0}#setting-items>div{padding:2rem 0;border-bottom:.1rem dashed var(--color-grey-s)}#setting-items>div .setting-row{display:flex;justify-content:space-between;align-items:center}code{padding:.15em .25em;background:var(--color-grey-xs);border-radius:.3rem;word-wrap:break-word}code.clean{padding:unset;background:inherit;border-radius:unset}code,pre{position:relative}pre{margin-top:0}pre>code{padding:1rem;line-height:1.25}.hljs.terminal{background:var(--color-grey-xxxs);border:.1rem solid var(--color-grey-xs)}.hljs-linenumbers>table.hljs-ln{overflow-x:auto;border-collapse:collapse}.hljs-linenumbers>table.hljs-ln td,.hljs-linenumbers>table.hljs-ln th{padding:0;border-top:0;border-left:0;border-bottom:0}.hljs-linenumbers>table.hljs-ln td.hljs-ln-code,.hljs-linenumbers>table.hljs-ln th.hljs-ln-code{padding-left:1.5rem}.hljs-linenumbers>table.hljs-ln td.hljs-ln-numbers,.hljs-linenumbers>table.hljs-ln th.hljs-ln-numbers{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:right;color:var(--color-grey-m);border-right:.1rem solid var(--color-grey-m);vertical-align:top;padding-right:.5rem;width:2rem}