:root{--color-contrast-100: hsl(0,0%,5%);--color-contrast-200: hsl(0,0%,15%);--color-contrast-300: hsl(0,0%,25%);--color-contrast-400: hsl(0,0%,35%);--color-contrast-500: hsl(0,0%,45%);--color-contrast-600: hsl(0,0%,60%);--color-contrast-700: hsl(0,0%,70%);--color-contrast-800: hsl(0,0%,85%);--color-contrast-900: hsl(0,0%,98%);--color-primary-100: hsl(154.29,28%,4.9%);--color-primary-200: hsl(148.57,27.27%,15.1%);--color-primary-300: hsl(150.86,27.56%,24.9%);--color-primary-400: hsl(150.61,27.37%,35.1%);--color-primary-500: hsl(150.48,27.51%,44.9%);--color-primary-600: hsl(151.07,27.45%,60%);--color-primary-700: hsl(150.73,26.8%,70%);--color-primary-800: hsl(151.43,27.27%,84.9%);--color-primary-900: hsl(145.71,28%,95.1%);--color-primary-contrast-100: hsl(145.71,28%,95.1%);--color-primary-contrast-200: hsl(151.43,27.27%,84.9%);--color-primary-contrast-300: hsl(150.86,27.56%,75.1%);--color-primary-contrast-400: hsl(150.61,27.37%,64.9%);--color-primary-contrast-500: hsl(150.48,27.51%,55.1%);--color-primary-contrast-600: hsl(151.07,27.45%,40%);--color-primary-contrast-700: hsl(150.73,26.8%,30%);--color-primary-contrast-800: hsl(148.57,27.27%,15.1%);--color-primary-contrast-900: hsl(154.29,28%,4.9%);--color-secondary-100: hsl(229.41,68%,4.9%);--color-secondary-200: hsl(230.4,65.79%,14.9%);--color-secondary-300: hsl(229.88,65.35%,24.9%);--color-secondary-400: hsl(230.26,65.36%,35.1%);--color-secondary-500: hsl(230.4,65.22%,45.1%);--color-secondary-600: hsl(230.15,65.69%,60%);--color-secondary-700: hsl(229.9,66.01%,70%);--color-secondary-800: hsl(230.4,65.79%,85.1%);--color-secondary-900: hsl(229.41,68%,95.1%);--color-secondary-contrast-100: hsl(229.41,68%,95.1%);--color-secondary-contrast-200: hsl(230.4,65.79%,85.1%);--color-secondary-contrast-300: hsl(230.6,65.35%,75.1%);--color-secondary-contrast-400: hsl(230.26,65.36%,64.9%);--color-secondary-contrast-500: hsl(230,65.22%,54.9%);--color-secondary-contrast-600: hsl(230.15,65.69%,40%);--color-secondary-contrast-700: hsl(229.9,66.01%,30%);--color-secondary-contrast-800: hsl(230.4,65.79%,14.9%);--color-secondary-contrast-900: hsl(229.41,68%,4.9%);--color-util-info-100: hsl(196,60%,4.9%);--color-util-info-200: hsl(195.65,60.53%,14.9%);--color-util-info-300: hsl(195.79,59.38%,25.1%);--color-util-info-400: hsl(195.28,59.55%,34.9%);--color-util-info-500: hsl(195.33,59.83%,44.9%);--color-util-info-600: hsl(195.25,59.8%,60%);--color-util-info-700: hsl(195.16,59.48%,70%);--color-util-info-800: hsl(195.65,60.53%,85.1%);--color-util-info-900: hsl(196,60%,95.1%);--color-util-info-contrast-100: hsl(196,60%,95.1%);--color-util-info-contrast-200: hsl(195.65,60.53%,85.1%);--color-util-info-contrast-300: hsl(195,59.38%,74.9%);--color-util-info-contrast-400: hsl(195.28,59.55%,65.1%);--color-util-info-contrast-500: hsl(195.33,59.83%,55.1%);--color-util-info-contrast-600: hsl(195.25,59.8%,40%);--color-util-info-contrast-700: hsl(195.16,59.48%,30%);--color-util-info-contrast-800: hsl(195.65,60.53%,14.9%);--color-util-info-contrast-900: hsl(196,60%,4.9%);--color-util-danger-100: hsl(0,46.15%,5.1%);--color-util-danger-200: hsl(0,45.45%,15.1%);--color-util-danger-300: hsl(0,46.46%,24.9%);--color-util-danger-400: hsl(0,46.07%,34.9%);--color-util-danger-500: hsl(0,46.09%,45.1%);--color-util-danger-600: hsl(0,46.08%,60%);--color-util-danger-700: hsl(0,46.41%,70%);--color-util-danger-800: hsl(0,45.45%,84.9%);--color-util-danger-900: hsl(0,46.15%,94.9%);--color-util-danger-contrast-100: hsl(0,46.15%,94.9%);--color-util-danger-contrast-200: hsl(0,45.45%,84.9%);--color-util-danger-contrast-300: hsl(0,46.46%,75.1%);--color-util-danger-contrast-400: hsl(0,46.07%,65.1%);--color-util-danger-contrast-500: hsl(0,46.09%,54.9%);--color-util-danger-contrast-600: hsl(0,46.08%,40%);--color-util-danger-contrast-700: hsl(0,46.41%,30%);--color-util-danger-contrast-800: hsl(0,45.45%,15.1%);--color-util-danger-contrast-900: hsl(0,46.15%,5.1%);--color-util-success-100: hsl(126,38.46%,94.9%);--color-util-success-200: hsl(122.07,37.66%,84.9%);--color-util-success-300: hsl(121.02,38.56%,70%);--color-util-success-400: hsl(121.54,38.24%,60%);--color-util-success-500: hsl(121.38,37.99%,44.9%);--color-util-success-600: hsl(120.88,38.2%,34.9%);--color-util-success-700: hsl(120,37.5%,25.1%);--color-util-success-800: hsl(120,37.66%,15.1%);--color-util-success-900: hsl(120,38.46%,5.1%);--color-util-success-contrast-100: hsl(120,38.46%,5.1%);--color-util-success-contrast-200: hsl(120,37.66%,15.1%);--color-util-success-contrast-300: hsl(121.02,38.56%,30%);--color-util-success-contrast-400: hsl(121.54,38.24%,40%);--color-util-success-contrast-500: hsl(120.69,37.99%,55.1%);--color-util-success-contrast-600: hsl(120.88,38.2%,65.1%);--color-util-success-contrast-700: hsl(121.25,37.5%,74.9%);--color-util-success-contrast-800: hsl(122.07,37.66%,84.9%);--color-util-success-contrast-900: hsl(126,38.46%,94.9%);--color-util-warning-100: hsl(56.25,61.54%,5.1%);--color-util-warning-200: hsl(57.55,63.64%,15.1%);--color-util-warning-300: hsl(58.52,63.78%,24.9%);--color-util-warning-400: hsl(57.89,64.04%,34.9%);--color-util-warning-500: hsl(57.95,63.48%,45.1%);--color-util-warning-600: hsl(58.15,63.73%,60%);--color-util-warning-700: hsl(58.14,63.4%,70%);--color-util-warning-800: hsl(57.55,63.64%,84.9%);--color-util-warning-900: hsl(60,61.54%,94.9%);--color-util-warning-contrast-100: hsl(60,61.54%,94.9%);--color-util-warning-contrast-200: hsl(57.55,63.64%,84.9%);--color-util-warning-contrast-300: hsl(57.78,63.78%,75.1%);--color-util-warning-contrast-400: hsl(57.89,64.04%,65.1%);--color-util-warning-contrast-500: hsl(57.95,63.48%,54.9%);--color-util-warning-contrast-600: hsl(58.15,63.73%,40%);--color-util-warning-contrast-700: hsl(58.14,63.4%,30%);--color-util-warning-contrast-800: hsl(57.55,63.64%,15.1%);--color-util-warning-contrast-900: hsl(56.25,61.54%,5.1%)}*,*: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}#root,#__next{isolation:isolate}:root{--background-dark: #343a40;--body-font: "Open Sans", sans-serif;--border-radius: 5px;--box-shadow: 0 2px 15px rgba(0, 0, 0, .1);--brand-background: rgb(204, 232, 218);--brand-text-color: rgb(57, 57, 57);--card-background: #ffffff;--card-shadow: rgba(0, 0, 0, .2);--dark-background: rgb(57, 57, 57);--dark-text-color: #333;--font-family: "Inter", system-ui, sans-serif;--heading-font: "Poppins", sans-serif;--light-text-color: #fff;--nav-background: rgb(57, 57, 57);--nav-text-color: white;--primary-color-hover: rgb(87, 139, 114);--primary-color: rgb(204, 232, 218);--secondary-color: rgb(57, 100, 79);--spacing-unit-1: 4px;--spacing-unit-2: 8px;--spacing-unit-3: 12px;--spacing-unit-4: 16px;--spacing-unit-5: 20px;--spacing-unit-6: 24px;--tertiary-color: rgb(157, 53, 53);--text-color: black;--transition-speed: .1s;--steps-done-color: rgb(57, 100, 79);--steps-active-color: rgb(239 222 100)}*{box-sizing:border-box}body{margin:0;font-family:var(--font-family);color:var(--text-color)}#root{display:flex;min-height:100vh}main{width:100%;padding:12px;gap:12px;flex-grow:1;display:flex;flex-direction:column}article{display:flex;flex-direction:column;gap:12px}h1{margin:0;position:sticky;color:var(--brand-text-color);font-weight:400;display:flex;place-items:center;font-size:1.5rem;gap:12px}h1>svg{width:24px}.anchor{text-decoration:none}.heading .header-link{opacity:0}.heading:hover .header-link{opacity:1}.header-link{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-link-45deg'%20viewBox='0%200%2016%2016'%3e%3cpath%20d='M4.715%206.542%203.343%207.914a3%203%200%201%200%204.243%204.243l1.828-1.829A3%203%200%200%200%208.586%205.5L8%206.086a1%201%200%200%200-.154.199%202%202%200%200%201%20.861%203.337L6.88%2011.45a2%202%200%201%201-2.83-2.83l.793-.792a4%204%200%200%201-.128-1.287z'/%3e%3cpath%20d='M6.586%204.672A3%203%200%200%200%207.414%209.5l.775-.776a2%202%200%200%201-.896-3.346L9.12%203.55a2%202%200%201%201%202.83%202.83l-.793.792c.112.42.155.855.128%201.287l1.372-1.372a3%203%200%201%200-4.243-4.243z'/%3e%3c/svg%3e");background-size:100%;background-position:center center;background-repeat:no-repeat;width:24px;height:24px;display:inline-block;vertical-align:middle}.heading i{margin-right:12px}ol{counter-reset:item}ol li{display:block;position:relative}ol li:before{content:counters(item,".")".";counter-increment:item;position:absolute;margin-right:100%;right:10px}code{overflow:scroll}nav{width:100%;background-color:var(--nav-background);color:var(--nav-text-color);display:flex;flex-direction:column}nav ul:first-of-type{flex-grow:1}nav ul{list-style:none;padding:0;margin:0}nav ul li.active a{background-color:var(--color-contrast-200)}nav ul li a,nav button{cursor:pointer;background:none;border:none;color:var(--nav-text-color);text-decoration:none;padding:.8rem 1rem;display:flex;gap:1rem;align-items:center}nav ul li:not(.active) a:hover,nav button:hover,nav ul li:not(.active) a:focus,nav button:focus{background-color:#ffffff1a}header{background-color:var(--brand-background);color:var(--brand-text-color);display:flex;justify-content:space-between;align-items:center}.toggle-button{border:none;background:none;color:var(--brand-text-color);font-size:1.5rem;line-height:0;margin-right:.35rem;padding:12px}nav.open ul{display:block}.brand img{display:inline-block;max-height:16px;margin-left:14px}.brand a{display:inline-block;padding:1rem 0;color:var(--brand-text-color);text-decoration:none}.brand{flex-grow:1;justify-content:flex-start;display:flex;font-weight:700;gap:1rem;align-items:center}.card{background-color:var(--card-background);margin-bottom:1rem;border:none;border-radius:.5rem;border:1px solid rgba(0,0,0,.125);padding:1rem}.card-title{margin-bottom:.5rem;color:var(--background-dark)}.card-text{color:var(--background-dark)}.alert{padding:1rem;margin-bottom:1rem;border-radius:var(--border-radius)}.alert.alert-success{background-color:#cce8da;color:#393939}@media (min-width: 768px){main{padding:20px}.burger-menu{display:none}nav{max-width:220px;min-width:220px;min-height:100vh}nav button{width:100%}}@media (max-width: 768px){nav{width:100%;height:auto}#root{flex-direction:column}.card{box-shadow:none}nav ul{display:none}}.badge.bg-warning{color:#000}.stepsbar{counter-reset:step;display:flex;justify-content:space-between;padding:0;margin:30px 0}.stepsbar li{list-style-type:none;width:100%;position:relative;text-align:center;font-size:14px}.stepsbar li:before{content:counter(step);counter-increment:step;width:40px;height:40px;line-height:35px;border:2px solid #ddd;border-radius:50%;display:block;text-align:center;margin:0 auto 10px;background-color:#fff;position:relative;z-index:2}.stepsbar li:after{content:"";position:absolute;width:calc(100% - 30px);height:2px;background-color:#ddd;top:20px;left:0%;z-index:1;transform:translate(-50%)}.stepsbar li:first-child:after{content:none}.stepsbar li.done:before,.stepsbar li.done:after{background-color:var(--steps-done-color);border-color:var(--steps-done-color);color:#fff}.stepsbar li.active:before,.stepsbar li.active:after{background-color:var(--steps-active-color);border-color:var(--steps-active-color);color:#000}