:root{--rgb-white: 255, 255, 255;--rgb-gray0: 249, 250, 251;--rgb-gray1: 243, 244, 246;--rgb-gray2: 229, 231, 235;--rgb-gray3: 209, 213, 219;--rgb-gray4: 156, 163, 175;--rgb-gray5: 107, 114, 128;--rgb-gray6: 75, 85, 99;--rgb-gray7: 55, 65, 81;--rgb-gray8: 31, 41, 55;--rgb-gray9: 17, 24, 39;--rgb-gray10: 3, 7, 18;--rgb-black: 0, 0, 0;--clr-primary-bg: rgb(var(--rgb-gray1));--clr-primary-bg-r: rgb(var(--rgb-gray8));--clr-primary-text: rgb(var(--rgb-gray8));--clr-primary-text-r: rgb(var(--rgb-gray1));--clr-secondary-bg: rgb(var(--rgb-gray0));--clr-secondary-text: rgb(var(--rgb-gray8));--clr-primary-hover: rgb(var(--rgb-gray1));--clr-secondary-hover: rgb(var(--rgb-gray1));--clr-await: rgb(var(--rgb-gray3));--clr-border: rgb(var(--rgb-gray3));--clr-border-lighter: rgb(var(--rgb-gray1));--clr-border-light: rgb(var(--rgb-gray2));--clr-border-dark: rgb(var(--rgb-gray4));--clr-border-darker: rgb(var(--rgb-gray5));--clr-svg: rgb(var(--rgb-gray6));--clr-svg-hover: rgb(var(--rgb-gray7));--rgb-orange: 234, 88, 12;--rgb-accent: 234, 88, 12;--rgb-green: 43, 138, 62;--rgb-red: 229, 57, 53;--clr-green: rgb(var(--rgb-green));--clr-blue: #4980f8;--clr-orange: rgb(var(--rgb-orange));--clr-orange-hover: rgb(234, 130, 12);--clr-muted: #667085;--clr-accent: var(--clr-orange);--clr-accent-hover: var(--clr-orange-hover);--clr-btn-primary-bg: var(--clr-orange);--clr-btn-primary-text: rgb(var(--rgb-white));--clr-btn-primary-hover: var(--clr-orange-hover);--clr-btn-primary-hover-lg: linear-gradient(to right, var(--clr-btn-primary-hover), var(--clr-btn-primary-bg));--clr-btn-secondary-bg: rgb(var(--rgb-gray5));--clr-btn-secondary-text: rgb(var(--rgb-gray0));--clr-btn-secondary-hover: rgb(var(--rgb-gray8));--clr-btn-secondary-hover-lg: linear-gradient(to right, var(--clr-btn-secondary-hover), var(--clr-btn-secondary-bg));--clr-btn-secondary-hover-lg-left: linear-gradient(to left, var(--clr-btn-secondary-hover), var(--clr-btn-secondary-bg));--clr-btn-destructive-bg: rgb(229, 57, 53);--clr-btn-destructive-text: rgb(var(--rgb-gray1));--clr-btn-destructive-hover: rgb(198, 40, 40);--clr-btn-destructive-hover-lg: linear-gradient(to right, var(--clr-btn-destructive-hover), var(--clr-btn-destructive-bg));--shadow-soft: .01rem .3rem 1rem rgb(var(--rgb-gray10), .2);--shadow-medium: 0px .4rem 2rem rgb(var(--rgb-gray10), .4);--shadow-strong: 0px .8rem 3rem rgb(var(--rgb-gray10), .8);--gap: 1rem;--gap-px: .1rem;--gap-3xs: .2rem;--gap-2xs: .4rem;--gap-xs: .8rem;--gap-s: 1.2rem;--gap-m: 1.6rem;--gap-l: 2.4rem;--gap-xl: 3.2rem;--gap-2xl: 4.8rem;--gap-3xl: 6.4rem;--gap-4xl: 9.6rem;--fsize: 1.6rem;--fsize-2xs: 1.05rem;--fsize-xs: 1.2rem;--fsize-s: 1.4rem;--fsize-m: 1.8rem;--fsize-l: 2.0rem;--fsize-xl: 2.5rem;--fsize-2xl: 3.2rem;--fsize-3xl: 4rem;--radius: .7rem;--radius-m: 1.5rem;--radius-l: 5rem;--scale-hover: 1.05;--opacity: .7;--scrollbar-width: 10px;--scrollbar-border: 1px solid rgb(var(--rgb-gray5));--scrollbar-bg: rgb(var(--rgb-gray4));--scrollbar-hover-clr: rgb(var(--rgb-gray5));--scrollbar-radius: 100px;--site-nav-h: 6rem;--site-header-h: 5rem;--site-left-sidebar-w: 30rem;--site-right-sidebar-w: 16rem}*,*::before,*::after{margin:0;padding:0;box-sizing:inherit}html{font-size:62.5%;box-sizing:border-box}@media(min-width: 90em){html{font-size:75%}}@media(max-width: 20em){html{font-size:57%}}body{background-color:var(--clr-primary-bg);color:var(--clr-primary-text);line-height:1.5;padding:var(--gap);font-family:Arial,Helvetica,sans-serif;font-weight:400}@media(max-width: 48em){body{--scrollbar-width: auto;--scrollbar-border: initial;--scrollbar-bg: unset;--scrollbar-hover-clr: initial;--scrollbar-radius: initial;padding:0}}#app{height:inherit}::-webkit-scrollbar{width:var(--scrollbar-width)}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-bg);border-radius:var(--scrollbar-radius);border:var(--scrollbar-border)}::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-hover-clr)}h1,h2,h3,h4,h5,h6{font-weight:inherit;color:rgb(var(--rgb-gray7))}h1{font-size:3.6rem;font-weight:600;line-height:1.2;letter-spacing:-0.03rem}h2{font-size:2.8rem;font-weight:600}h3{font-size:2.2rem;font-weight:600}h4{font-size:1.8rem}h5{font-size:1.65rem}h6{font-size:1.5rem}small{font-size:1.2rem}input,textarea,button,select{font-family:inherit;font-size:1.65rem}img{border-radius:inherit;background-color:var(--clr-await);max-width:100%;-o-object-fit:cover;object-fit:cover}svg{width:inherit;height:inherit;pointer-events:none;fill:var(--clr-svg)}ul{list-style:none;font-size:1.55rem}span{font-size:inherit}label{font-size:1.5rem}p{font-size:1.6rem}a{text-decoration:none;color:inherit;font-size:1.6rem}label,a,svg,img,i{display:block}i{font-style:normal}#app{max-width:129rem;margin:0 auto}.ad-container{max-width:100%;width:100%;margin:0 auto}ins.adsbygoogle[data-ad-status=unfilled]{display:none !important}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.boxy{padding:var(--gap)}@media(max-width: 48em){.boxy{padding:var(--gap-xs)}}.ad{background:linear-gradient(to bottom, rgba(var(--rgb-accent), 0.3), rgba(var(--rgb-accent), 0.13));border-radius:var(--radius)}.center-abs{position:absolute;top:50%;left:50%;translate:-50% -50%}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.spinner{pointer-events:none;--spinner-size: 5rem;--spinner-border-size: .4rem;--spinner-color: var(--clr-spinner-dark);height:var(--spinner-size);width:var(--spinner-size);border:var(--spinner-border-size) solid var(--spinner-color);border-radius:100%;border-left-color:rgba(0,0,0,0);border-top-color:rgba(0,0,0,0);animation:SPINNER 1s linear infinite reverse}@keyframes SPINNER{0%{rotate:0deg}50%{border-color:var(--spinner-color)}100%{rotate:360deg}}@media(hover: hover)and (pointer: fine){.primary-btn:hover{background-size:100%}.primary-btn{transition:background-size .3s ease-in-out;background:var(--clr-btn-primary-hover-lg) no-repeat;background-size:0px}.secondary-btn:hover{background-size:100%}.secondary-btn-backward:hover{background-size:100%}.secondary-btn,.secondary-btn-backward{transition:background-size .3s ease-in-out;background:var(--clr-btn-secondary-hover-lg) no-repeat;background-size:0px}.secondary-btn-backward{background:var(--clr-btn-secondary-hover-lg-left) no-repeat;background-position:right;background-size:0px}.destructive-btn:hover{background-size:100%}.destructive-btn{transition:background-size .3s ease-in-out;background:var(--clr-btn-destructive-hover-lg) no-repeat;background-size:0px}}.primary-btn{color:var(--clr-btn-primary-text);background-color:var(--clr-btn-primary-bg)}.secondary-btn,.secondary-btn-backward{color:var(--clr-btn-secondary-text);background-color:var(--clr-btn-secondary-bg)}.destructive-btn{color:var(--clr-btn-destructive-text);background-color:var(--clr-btn-destructive-bg)}.btn{border-radius:var(--radius);border:none;text-transform:capitalize;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;padding:var(--gap-xs) var(--gap-l);min-height:3rem;line-height:1.6;font-weight:600}.btn:disabled{cursor:not-allowed}@media(hover: hover)and (pointer: fine){.btn{cursor:pointer}}.input-range-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20rem;height:1.6rem;background-color:var(--clr-primary-text);outline:none;border:.5rem solid var(--clr-accent);border-radius:.8rem}.input-range-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:2rem;height:3rem;background-color:var(--clr-primary-text);cursor:pointer;border:5px solid var(--clr-accent);border-radius:.8rem}textarea{width:100%;margin:var(--gap) 0;padding:var(--gap);border:1px solid var(--clr-border);border-radius:var(--radius);font-family:inherit;resize:vertical;min-height:15rem;background-color:rgba(0,0,0,0)}textarea:focus{outline:none;border-color:var(--clr-accent)}select{border-radius:var(--radius);border:1px solid var(--clr-border);text-transform:capitalize;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:var(--gap) var(--gap-l);min-height:3rem;width:100%;line-height:1.6;font-weight:600}select:disabled{cursor:not-allowed}select:focus{outline:none;border-color:var(--clr-accent)}@media(hover: hover)and (pointer: fine){select{cursor:pointer}}.input{display:block;min-height:3rem;width:100%;text-indent:var(--gap);border:1px solid var(--clr-border);outline:.1rem solid rgba(0,0,0,0);box-shadow:none;border-radius:var(--radius);padding-right:3rem;line-height:2;background-color:rgb(var(--rgb-gray1));color:rgb(var(--rgb-gray8))}.input:focus-visible{outline-color:var(--clr-border-dark)}.input:disabled{opacity:.5;cursor:not-allowed}.input::-moz-placeholder{padding-right:var(--gap);text-align:right;opacity:.9}.input::placeholder{padding-right:var(--gap);text-align:right;opacity:.9}#app{display:grid;gap:var(--gap-s)}#app .site-nav{position:sticky;top:0;height:var(--site-nav-h);z-index:1;width:100%}#app .site-header{height:var(--site-header-h)}#app main{display:flex;gap:var(--gap);min-height:100dvh}#app .content{flex-basis:100%}#app .left-sidebar,#app .right-sidebar{width:30rem;height:calc(100dvh - 3rem - (var(--site-nav-h) + var(--site-header-h)));position:sticky;top:calc(var(--site-nav-h) + var(--gap-m))}.site-nav{background-color:var(--clr-primary-bg);border-bottom:1px solid var(--clr-border-light)}.site-nav .logo{width:3rem;height:3rem;border-radius:100%}.site-nav .logo img{width:inherit;height:inherit;background-color:var(--clr-white)}.site-nav{display:flex;align-items:center;justify-content:space-between;height:100%}.site-nav .g1{display:flex;align-items:center;justify-content:space-between;width:100%;z-index:10;height:100%;background-color:var(--clr-primary-bg)}.site-nav .name{display:flex;align-items:center;gap:var(--gap-xs)}.site-nav .name a{font-weight:600;font-size:var(--fsize-m);font-family:cursive;color:rgba(var(--rgb-gray7))}.site-nav .list{display:flex;gap:var(--gap-l)}@media(hover: hover)and (pointer: fine){.site-nav .list a:hover{color:var(--clr-accent)}}.site-nav .menu-btn{display:none}@media(max-width: 30em){.site-nav{padding:0}.site-nav .g1{padding:0 var(--gap-l)}.site-nav .menu-btn{display:block}.site-nav .menu-btn svg{width:2.8rem;height:2.8rem;scale:1.1}.site-nav .list{position:absolute;z-index:2;left:0;top:var(--site-nav-h);flex-direction:column;width:100%;padding:var(--gap-l);background-color:var(--clr-primary-bg);align-items:center;line-height:2.5;border-bottom:.1rem dashed var(--clr-accent);transition:transform .25s ease-in-out;transform:translateY(-120%)}.site-nav:has(input[type=checkbox]:checked) .list{transform:translateY(0.1rem)}.site-nav .close{display:none}.site-nav .menu-btn:has(input[type=checkbox]:checked) .close{display:block}.site-nav .menu-btn:has(input[type=checkbox]:checked) .open{display:none}}.footer-ad{min-height:9rem}.footer-top{margin:var(--gap-4xl) 0}.footer-top .g1{display:flex;align-items:center;gap:var(--gap);margin-bottom:var(--gap)}.footer-top .g1 img{width:3.8rem;height:3.8rem;background-color:var(--clr-white)}.footer-top a{display:flex;align-items:center;width:-moz-fit-content;width:fit-content;font-size:var(--fsize-xl);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;font-weight:600;text-decoration:underline;opacity:.9}@media(max-width: 30em){.footer-top{display:flex;flex-direction:column;justify-content:center;align-items:center}.footer-top a{width:20rem;justify-content:center}.footer-top .g1{gap:var(--gap-xs)}}.footer-row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--gap-xlarge)}@media(max-width: 30em){.footer-row{flex-direction:column;align-items:center}}.footer-col ul li{margin:var(--gap) 0}.footer-col ul li a{width:-moz-fit-content;width:fit-content;white-space:nowrap}.footer-col:last-child{text-align:end}.footer-col:last-child .social-links{margin-left:auto;display:flex;justify-content:end;gap:var(--gap-2xs)}.footer-col:last-child .social-links i{border-radius:.5rem;margin:0 var(--gap-2xs);width:2.5rem;height:2.5rem;background:url("/img/media-icons.png") no-repeat;background-size:9rem;cursor:pointer}.footer-col:last-child .social-links .facebook-icon{background-position:-0.3rem -0.3rem}.footer-col:last-child .social-links .instagram-icon{background-position:-3.3rem -0.3rem}.footer-col:last-child .social-links .youtube-icon{background-position:-6.3rem -0.3rem}.footer-col:last-child .social-links .x-icon{background-position:-3.2rem -3.3rem}.footer-col:last-child .social-links .telegram-icon{background-position:-0.3rem -3.3rem}@media(max-width: 30em){.footer-col ul li a{width:auto}.footer-col ul,.footer-col a{text-align:center}.footer-col:last-child{text-align:center}}.footer-title{margin-bottom:var(--gap-m);font-size:var(--fsize-m)}@media(max-width: 30em){.footer-title{text-align:center}}.footer-bottom{margin:var(--gap-l) 0;font-size:var(--fsize-xs)}.footer-bottom ul:first-child{display:flex;gap:var(--gap-l);text-decoration:underline;border-bottom:1px solid var(--clr-border);padding:var(--gap-l) 0}.footer-bottom ul:last-child{display:flex;justify-content:space-between;align-items:center;padding:var(--gap) 0}@media(max-width: 30em){.footer-bottom{margin-bottom:var(--gap-4xl)}.footer-bottom ul:first-child{justify-content:center}.footer-bottom ul:last-child{flex-direction:column;gap:var(--gap-l)}}@media(max-width: 23.4375em){.footer-bottom ul:first-child{flex-direction:column;align-items:center}.footer-bottom ul:last-child span{text-align:center}}.site-header{display:flex;align-items:center;gap:var(--gap-xl);border:1px solid var(--clr-border-light);border-left:none;border-right:none}.breadcrumbs ol{list-style:none;display:flex;font-size:var(--fsize);color:rgba(var(--rgb-gray7));text-transform:capitalize}.breadcrumbs ol li{display:flex;place-items:center}.breadcrumbs ol li:not(:last-child)::after{display:inline-block;content:">";margin-inline:var(--gap-xs);color:rgba(var(--rgb-gray4));font-size:var(--fsize-l)}@media(hover: hover)and (pointer: fine){.breadcrumbs ol a:hover{color:var(--clr-accent);text-decoration:underline;cursor:pointer}}.theme-switcher,.lang-switcher{display:flex;place-items:center;gap:var(--gap-2xs)}.theme-switcher span,.lang-switcher span{font-size:var(--fsize)}.theme-switcher{margin-left:auto}.left-sidebar{-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow-y:auto;padding-right:var(--gap-xs)}.left-sidebar summary{font-size:var(--fsize);padding:var(--gap-xs);cursor:pointer;font-weight:600;color:rgba(var(--rgb-gray6))}.left-sidebar summary::marker{color:rgba(var(--rgb-gray6))}.left-sidebar summary:hover{background-color:rgba(var(--rgb-gray2));border-radius:var(--radius)}.left-sidebar details{margin-bottom:var(--gap)}.left-sidebar .sidebar-nav{margin-top:var(--gap-l)}.left-sidebar .sidebar-nav ul{padding-left:var(--gap);margin-left:var(--gap);border-left:1px solid var(--clr-border);line-height:1.8}.left-sidebar .sidebar-nav ul li a{margin:var(--gap-xs) 0}.left-sidebar .sidebar-nav ul a:hover{color:var(--clr-accent);text-decoration:underline}.left-sidebar .sidebar-nav .js-actual{color:var(--clr-accent);text-decoration:underline}.right-sidebar .title{font-size:var(--fsize);margin-bottom:var(--gap)}.right-sidebar ul{border-left:var(--gap-px) dashed var(--clr-border)}.right-sidebar a{padding:var(--gap-2xs);padding-left:var(--gap-xs);font-size:var(--fsize-s)}@media(hover: hover)and (pointer: fine){.right-sidebar a:hover{text-decoration:underline;color:var(--clr-accent)}.right-sidebar li:hover{border-left:var(--gap-px) solid var(--clr-accent)}}.doc-quiz{border:1px dashed var(--clr-border-dark);border-radius:var(--radius);max-width:60rem;min-height:30rem;width:100%;margin-bottom:var(--gap-2xl);display:grid;place-content:center;padding:var(--gap-xl) var(--gap-m);text-align:center;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}.doc-quiz[data-quiz-ready]{background-color:rgb(var(--rgb-gray0));border:var(--gap-px) solid var(--clr-border);box-shadow:var(--shadow-soft)}.quiz-question{font-size:var(--fsize-m);font-weight:600;margin-bottom:var(--gap-m);color:rgb(var(--rgb-gray6))}.quiz-score{color:var(--clr-muted);margin-bottom:var(--gap);text-transform:uppercase;letter-spacing:var(--gap-px);font-size:var(--fsize-xs)}.quiz-options{display:flex;flex-direction:column;gap:var(--gap-m)}.quiz-btn{border:var(--gap-px) solid var(--clr-border-dark);font-size:var(--fsize-s);color:rgb(var(--rgb-gray6));background-color:rgb(var(--rgb-gray1));white-space:wrap;text-transform:none}.quiz-btn-correct{background-color:rgba(var(--rgb-green), 0.15);border-color:rgba(var(--rgb-green));color:rgba(var(--rgb-green))}.quiz-btn-wrong{background-color:rgba(var(--rgb-red), 0.1);border-color:rgba(var(--rgb-red));color:rgba(var(--rgb-red), 0.7)}.doc-quiz-result{display:flex;flex-direction:column;gap:var(--gap-xs);align-items:center;justify-content:space-between}.doc-quiz-result .icon{font-size:var(--fsize-2xl)}.doc-quiz-result .title{font-size:var(--fsize-xl)}.doc-quiz-result .score{font-size:var(--fsize-l)}.doc-quiz-result .msg{margin-bottom:var(--gap-m);font-size:var(--fsize-s)}.content{padding:0 var(--gap-l)}.content ul{padding:var(--gap-2xs);padding-left:var(--gap-xs);font-size:var(--fsize);list-style:inside;margin-bottom:var(--gap-xs)}.content-head{margin-bottom:var(--gap-xl)}.content-head h1.title{font-size:var(--fsize-2xl)}.content-head strong{font-weight:inherit}.content-body h4{margin-top:var(--gap-s);margin-bottom:var(--gap-3xs)}.content-body .title{margin-bottom:var(--gap-2xs);scroll-margin-top:calc(var(--site-nav-h) + var(--gap))}.content-body section{margin-bottom:var(--gap-l)}.content-body figure{padding:var(--gap-2xs);display:flex;gap:var(--gap)}.content-body img{height:20rem;width:100%;-o-object-fit:fill;object-fit:fill;border-radius:var(--radius)}.content-footer{margin-top:var(--gap-3xl);padding:var(--gap-m);display:flex;flex-direction:column;align-items:center}.content-footer .doc-nav{display:flex;gap:var(--gap-xl)}.content-footer .doc-nav .prev,.content-footer .doc-nav .next{border:var(--gap-px) solid rgba(var(--rgb-accent), 0.5);padding:var(--gap-2xs) var(--gap-l);border-radius:var(--radius-m);background-color:rgba(var(--rgb-accent), 0.03)}