:root{--main-bg-color: #F3F7F9;--main-color: #263238;--title-color: #546E7A;--cta-bg-color: #689F38;--cta-bg-hover-color: #5d8f32;--border-color: #e1e1e1;--sidebar-color: #546E7A;--brand: #e42314;--radius: 6px;--radius-light: 3px}*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;font-weight:500}p+p,p+ul,p+ol,ul+p,ul+ul,ul+ol,ol+p,ol+ul,ol+ol{margin-top:.5rem}ul,ol{padding-left:1rem}#root,#__next{isolation:isolate}.container{max-width:1600px;margin:0 auto;padding:0 1rem}.l-cs{display:grid;grid-gap:2rem}@media (min-width: 60em){.l-cs{grid-template-columns:2fr 1fr}}body{background:var(--main-bg-color);font-family:Roboto,Arial;color:var(--main-color);font-size:14px}.body--pages{padding:1rem}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:url(/build/assets/roboto-v30-latin-regular-f6734f81.woff2) format("woff2")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:500;src:url(/build/assets/roboto-v30-latin-500-b0195382.woff2) format("woff2")}h1{margin-bottom:1rem;display:flex;font-size:1.15rem;color:var(--title-color);flex-direction:column}@media (min-width: 60em){h1{align-items:center;flex-direction:row}}@media (max-width: 60em){h1 span{font-size:.8rem}}h1 svg{width:.5rem;height:.5rem;margin:0 .5rem;flex:0 0 .5rem}@media (max-width: 60em){h1 svg{display:none}}h1 a{color:var(--title-color);text-decoration:none}h2{font-size:1rem}a{text-underline-offset:.2rem}header{margin-bottom:3rem;padding:1rem 0}header img{width:140px;height:auto;margin:0 auto}section{margin-bottom:4rem}.section--page{max-width:980px}.section__head{margin-bottom:2rem}.section__title{margin-bottom:.5rem;font-size:1.25rem;color:var(--title-color)}.section__description{font-size:1rem}.section__img{width:100%;border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.element+.element{margin-top:2rem}.banner{background:white;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;border-radius:var(--radius)}.banner img{width:100%;height:auto;margin-bottom:1rem;display:block;border-radius:var(--radius)}.banner__content{padding:1rem}.video_courses{display:grid;grid-gap:1rem}@media (min-width: 30em){.video_courses{grid-template-columns:1fr 1fr}}@media (min-width: 60em){.video_courses{grid-template-columns:1fr 1fr 1fr}}.video_course{display:grid;border-radius:var(--radius-light);box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;background:white}@media (min-width: 30em){.video_course{grid-auto-rows:auto 1fr}}.video_course a{display:block;position:relative}.video_course a:before{width:4rem;height:4rem;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);content:"";background:white;border-radius:50%;transition:all .14s;opacity:.7}.video_course a:hover:before,.video_course a:focus:before{transform:translate(-50%,-50%) scale(1.1);opacity:.9}.video_course a svg{width:1.5rem;height:1.5rem;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.8}.video_course img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover;aspect-ratio:16/9;border-radius:var(--radius-light);border-bottom-right-radius:0;border-bottom-left-radius:0}.video_course__content{padding:1.25rem}.video_course__content h2{margin-bottom:.5rem;font-size:1.25rem}.video_course__content .cta{margin-top:1rem}.video_iframe{width:100%;display:block;aspect-ratio:16 / 9;border:0;border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.downloads ul{margin:0;padding:0;list-style:none}.downloads a{margin-bottom:.5rem;display:flex;align-items:center;text-decoration:none;font-weight:500;color:var(--title-color)}.downloads a:hover,.downloads a:focus{text-decoration:underline;color:var(--main-color)}.downloads svg{width:.75rem;height:.75rem;margin-right:.5rem;display:block;flex:0 0 .75rem;fill:var(--title-color)}.workshops{padding:1rem;background:white;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;border-radius:var(--radius)}.workshop{padding:.5rem 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color)}.workshop:last-child{border:0}.cta{padding:.25rem 1rem;display:inline-flex;align-items:center;background:var(--cta-bg-color);color:#fff;text-decoration:none;border-radius:4px;transition:all .25s ease}.cta svg{width:.75rem;height:.75rem;margin-left:.5rem;display:block;fill:#fff}.cta:hover,.cta:focus{background:var(--cta-bg-hover-color)}.sidebar{margin:0;padding:0;list-style:none}.sidebar a{text-decoration:none;color:var(--sidebar-color)}.sidebar a:hover,.sidebar a:focus{color:var(--brand)}.sidebar .bookmark{margin:.25rem 0;display:flex;align-items:center}.sidebar a svg{width:.5rem;height:.5rem;margin-right:.5rem;fill:var(--sidebar-color)}.sidebar h4{margin:1rem 0 .25rem}.sidebar .current{color:var(--brand)}.sidebar .current svg{fill:var(--brand)}.visual{position:relative}.visual_description{padding:1rem;background:white}.nav{padding:1rem .5rem;position:absolute;top:50%;transform:translateY(-50%)}.nav:hover span,.nav:focus span{opacity:1;z-index:999}.nav span{padding:.25rem 1rem;position:absolute;top:50%;white-space:nowrap;transform:translateY(-50%);color:var(--main-color);background:rgba(255,255,255,.9);border-radius:4px;transition:all .25s ease;opacity:0;z-index:-1;pointer-events:none;border:1px solid rgba(0,0,0,.5)}.nav svg{width:1rem;height:1rem;display:block;transition:all .25s ease}.nav--prev{left:0}.nav--prev:hover svg,.nav--prev:focus svg{transform:rotate(180deg) translate(.25rem)}.nav--next:hover svg,.nav--next:focus svg{transform:translate(.25rem)}.nav--prev span{left:2rem}.nav--next{right:0}.nav--next span{right:2rem}.nav--prev svg{transform:rotate(180deg)}