*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,h5,p,figure,picture{margin:unset}button,input,textarea,select{font:inherit}ul,ol{margin:0}img,picture,svg,canvas{display:block;max-inline-size:100%;height:auto}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}body{display:flex;flex-direction:column;min-height:100svh}header,footer{flex-grow:0;flex-shrink:0}main{background-color:#d1d1ff;flex-grow:1;display:flex;flex-direction:row}.content-wrapper{flex-basis:0;flex-grow:999;display:flex;margin-block-start:1rem}.sidebar-inner,.content,.content-toc__inner{padding-block-start:1rem}.content{background-color:#f1f1f4;flex-basis:0;flex-grow:999;padding-inline-start:3rem}.content__inner{max-width:75ch}.content-toc{flex-basis:312px;flex-grow:1}.content-toc__nav ul{list-style:none}.content-toc__nav ul ul{padding-inline-start:1.5rem}.content-toc__inner{max-height:100vh;overflow-y:auto;direction:rtl;scrollbar-color:red}.content-toc__inner>*{direction:ltr}.content-toc a{display:block;color:#674dff;padding:.25rem}.content-toc a:hover{color:#30f}.content-toc__nav ul>li+li{margin-block-start:.25rem}.content-toc__inner{background-color:#f1f1f4}.content-toc__inner{position:sticky;top:2rem;overflow-y:auto;scrollbar-width:thin}div>pre{max-width:100%;overflow-x:auto;scrollbar-width:thin}header{background-color:#f1f1f4;color:#3112a1;padding:1rem 2.5rem;display:flex;align-items:baseline;justify-content:space-between}header h1{display:inline-block;padding:0;line-height:1;letter-spacing:-.0125em}.site-nav{display:flex;gap:.25rem;padding:0;list-style-type:none}.site-nav>li{color:red}.site-nav>li>a{display:block;padding:0 .5em;text-align:center;text-decoration:none}.site-nav>li>a{color:#8c80ff}.site-nav>li>a:hover{background-color:#90ee90}.site-nav .active,.ancestor.dropdown{color:#3112a1;font-weight:700}.sidebar{flex-basis:320px;flex-grow:1;margin-block-start:1rem}.sidebar-inner{margin-inline:1rem}.sidebar-list,.sidebar-section{list-style:none;padding-inline-start:2.5rem}.sidebar-section{display:none}.sidebar-item a{display:block;padding:.25rem}.sidebar-item a:visited{color:#30f}:not(:first-of-type).sidebar-item a{margin-block-start:.25rem}.sidebar-item .sidebar-section{padding-inline-start:1rem}.sidebar-item a:hover{background-color:#e7e6ff}.sidebar-item:has(.sidebar-section){position:relative}.sidebar-item:has(.sidebar-section)::before{content:"\25B8";display:block;position:absolute;left:90%;top:-2px;font-weight:700;color:inherit}.sidebar-item.active::before,.sidebar-item:has(.sidebar-section .active)::before{transform:rotate(90deg);top:0}.sidebar-item.active>.sidebar-section{display:block}.sidebar-item:has(.sidebar-section .active)>.sidebar-section{display:block}.sidebar-item.active{font-weight:700}.sidebar-item.active .sidebar-section{font-weight:400}.sidebar-inner{position:sticky;top:2rem;overflow-y:auto;scrollbar-width:thin;background-color:#f1f1f4}.colors-container{display:flex;flex-direction:column;gap:1rem}.colors-container>.row{display:flex;justify-content:space-between;gap:2rem}.row>.box{height:5rem;width:5rem;background-color:red;border-radius:5px;display:flex;justify-content:center;align-items:center;color:#fff;font-weight:700}.button-container{display:flex;gap:2rem;margin:2rem 0}.primary>.b500{background-color:#674dff}.primary>.b950{background-color:#18076e}.primary>.b900{background-color:#3112a1}.primary>.b800{background-color:#3912c4}.primary>.b700{background-color:#4314eb}.primary>.b600{background-color:#30f}.primary>.b500{background-color:#674dff}.primary>.b400{background-color:#8c80ff}.primary>.b300{background-color:#b1adff}.primary>.b200{background-color:#d1d1ff}.primary>.b100{background-color:#e7e6ff}.primary>.b50{background-color:#f0f0ff}.grey>.b950{background-color:#373441}.grey>.b900{background-color:#545062}.grey>.b800{background-color:#646076}.grey>.b700{background-color:#847e9a}.grey>.b600{background-color:#847e9a}.grey>.b500{background-color:#a09db4}.grey>.b400{background-color:#bab9ca}.grey>.b300{background-color:#d4d4de}.grey>.b200{background-color:#e8e8ed}.grey>.b100{background-color:#f1f1f4}.grey>.b50{background-color:#f9f9fb}.color-btn{border:none;padding:.5rem 1.5rem;border-radius:5px;text-transform:uppercase;font-size:clamp(.7502rem,.731rem + .0852vw,.7971rem);font-weight:600;color:#fff;background-color:#674dff}dl>dt{font-weight:700}dl>dd+dt{margin-block-start:.5rem}code{display:inline-block;background-color:#d4d4de;border-radius:5px;padding-inline:.25rem;line-height:1.3}pre code{background-color:unset}.highlight>pre{border-radius:5px;padding:1rem}.content__inner ul,.content__inner ol{padding-inline-start:2rem;margin-block:.75rem}.content__inner ul>li:not(:last-child),.content__inner ol>li:not(:last-child){margin-block-end:.5rem}.content__inner ul>li::marker{color:#373441}.content__inner ol{list-style-type:none;counter-reset:custom-counter}.content__inner ol>li{position:relative;padding-inline-start:1rem;counter-increment:custom-counter}.content__inner ol>li::before{content:counter(custom-counter);position:absolute;left:-25px;top:2.25px;color:#3112a1;font-size:clamp(.875rem,.8494rem + .1136vw,.9375rem);background:#d1d1ff;height:24px;width:24px;line-height:1.5rem;border-radius:50%;text-align:center}.note{padding:1rem;margin-block:1.5rem;border-radius:5px;border:1px solid #674dff;background:#f0f0ff;color:#30f}.note>*{margin:unset}.note>h3{font-size:clamp(1rem,.9744rem + .1136vw,1.0625rem);font-weight:600;color:#3912c4}.warning{padding:1rem;margin-block:1.5rem;border-radius:5px;border:1px solid #a78b02;background:#f4ffc2;color:#8a6c0a}.warning>*{margin:unset}.warning>h3{font-size:clamp(1rem,.9744rem + .1136vw,1.0625rem);font-weight:600;color:#432f04}.error{padding:1rem;margin-block:1.5rem;border-radius:5px;border:1px solid #c90d0d;background:#ffe0e0;color:#a30f0f}.error>*{margin:unset}.error>h3{font-size:clamp(1rem,.9744rem + .1136vw,1.0625rem);font-weight:600;color:#490404}.tip{padding:1rem;margin-block:1.5rem;border-radius:5px;border:1px solid #028807;background:#cdffc7;color:#086d0c}.tip>*{margin:unset}.tip>h3{font-size:clamp(1rem,.9744rem + .1136vw,1.0625rem);font-weight:600;color:#003305}.flex-container{border:2px solid red;max-width:500px;display:flex;flex-wrap:wrap;gap:10px;height:50svh}.flex-item{color:#fff;font-weight:700;background:blue;border-radius:5px}.flex-item.four{height:50%;flex-grow:0;flex-shrink:1;align-self:flex-end}.flex-item{flex-basis:60px}.cards{border:1px solid blue;display:flex;min-height:10rem}.card{border:1px solid red;display:flex;flex-direction:column;background:orange}.card footer{background:#9acd32}.card__content{flex-grow:1}body{color:#373441;font-family:libre franklin,sans-serif;margin:0}a{text-decoration:none}.content__inner{font-size:clamp(1rem,.9744rem + .1136vw,1.0625rem);line-height:1.6875;max-width:75ch}.content__inner h1{font-size:clamp(2.3686rem,2.308rem + .2692vw,2.5166rem);letter-spacing:-.0125em}.content__inner>h2,.content__inner>h3{margin-block:2rem .5rem}.content__inner>h4{margin-block:1.5rem .25rem}.content__inner p+p{margin-block-start:1rem}.content__inner a:link{color:#30f;text-decoration:underline}.content__inner a:visited{color:#674dff}.content__inner a:hover{color:#f9f9fb;background-color:#674dff;text-decoration:none}.content__inner table{width:100%;margin-block:1.5rem;border-collapse:collapse}.content__inner table th{padding:1rem}.content__inner table td{padding:.5rem 1rem}.content__inner thead{background:#d4d4de;color:#373441}.content__inner th{font-weight:700}.content__inner tbody tr{border-top:1px solid #847e9a}.content__inner tbody tr:nth-last-of-type(even){background:#f9f9fb}.content__inner tbody tr:last-of-type{border-bottom:1px solid #847e9a}.content__inner tbody code{white-space:nowrap}code{font-family:roboto mono,monospace;font-size:clamp(.875rem,.8494rem + .1136vw,.9375rem)}.highlight{overflow-x:auto;scrollbar-width:thin}.highlight>div{border-radius:5px}