:root{--primary-color:#671ddf;--col-black:#373747;--col-bg:#fff;--col-fg:var(--col-black);--gray-2:#edf2f6;--gray-3:#dbe1e6;--max-contrast:#000;--shadow-blue-light:0px 10px 20px rgba(var(--col-blue-rgb),.6);--shadow-blue-dark:0px 10px 20px rgba(var(--col-blue-rgb),.2);--shadow-blue:var(--shadow-blue-light);--transition-delay:0s}body.dark{--primary-color:#cdcdcd;--col-bg:var(--col-black);--col-fg:#cdcdcd;--gray-2:#434358;--gray-3:#505063;--max-contrast:#fff;--shadow-blue:var(--shadow-blue-dark)}*{color:var(--col-fg);box-sizing:border-box;font-family:DM Sans,sans-serif}html{font-size:10px}body{--sidebar-width:0px;background:var(--col-bg);width:200vw;transition:var(--transition-delay);margin:0;overflow-x:hidden}body.show-aside{--sidebar-width:239px}body.show-aside aside{transform:translate(0)!important}body .dark svg{opacity:.7}body.dark .aside-container a.selected{color:var(--primary-color);background:#262631}body.dark .light svg{opacity:.7}body.dark .dark svg{opacity:1}body.dark pre,body.dark pre code{opacity:.9;color:#cecece;background-color:#232635;border-radius:5px}body.dark .token.punctuation{color:#b8b8b8}header{z-index:100;background:var(--col-bg);transition:var(--transition-delay);width:100vw;height:5.6rem;padding:0 2rem;position:fixed;top:0;left:0}header button{background:0 0;border:none;justify-content:center;align-items:center;margin-right:2rem;display:flex;position:relative}header button:before{content:"";opacity:0;cursor:pointer;background:#0208141a;border-radius:50%;width:34px;height:34px;margin:auto;transition:all .1s;position:absolute;inset:0;transform:scale(.5)}header button:focus{outline:none}header button:hover:before,header button:focus:before{opacity:1;transform:scale(1)}header div.left{justify-content:flex-start;align-items:center;height:100%;display:flex}header nav{display:none}header nav a{transition:opacity var(--transition-delay);color:var(--col-fg);opacity:.5;margin:2rem;font-size:1.4rem;font-weight:600;text-decoration:none}header nav a:hover{opacity:1}header nav a.selected{color:var(--max-contrast);opacity:1}#logo{max-width:70%;font-size:0;display:inline-block}aside{border-right:1px solid var(--gray-2);width:239px;height:calc(100vh - 5.6rem);transition:transform var(--transition-delay);flex-direction:column;display:flex;position:fixed;top:5.6rem;left:0;overflow:hidden;transform:translate(-100%)}aside .aside-container{flex:1 0 0;padding:1rem;position:relative;overflow:auto}aside .aside-container a.selected{color:#fff;background:repeating-linear-gradient(45deg,#6e24e1,#6e24e1 10px,#671ddf 10px 20px)}aside #home-theme{align-items:center;display:flex}aside details.dropdown-language{background:var(--gray-2);box-sizing:border-box;border-radius:5px;width:calc(100% - 2rem);margin:1rem;padding:1rem 1.5rem}aside details.dropdown-language summary{color:var(--primary-color);cursor:pointer;flex-flow:wrap;justify-content:space-between;align-items:center;width:100%;list-style:none;display:flex}aside details.dropdown-language summary div{color:var(--primary-color);flex-flow:wrap;justify-content:flex-start;align-items:center;display:flex}aside details.dropdown-language summary div svg{margin-right:1rem}aside details.dropdown-language summary ::-webkit-details-marker{display:none}aside details.dropdown-language div.options{box-sizing:border-box;width:100%;padding-left:2.3rem}aside details.dropdown-language div.options a{color:var(--primary-color);margin-top:10px;padding:0;font-size:10px}aside details.dropdown-language div.options a:hover{text-decoration:underline}aside h3{margin-left:1rem;font-size:1.5rem;font-weight:600}aside a{color:#8998a5;border-radius:2px;padding:1rem;font-size:1.3rem;font-weight:400;text-decoration:none;transition:color .1s;display:block}aside a:hover{color:var(--max-contrast)}aside button:not(.theme){background:0 0;border:none;justify-content:center;align-items:center;margin-right:2rem;display:flex;position:relative}aside button:not(.theme):before{content:"";opacity:0;cursor:pointer;background:#0208141a;border-radius:50%;width:34px;height:34px;margin:auto;transition:all .1s;position:absolute;inset:0;transform:scale(.5)}aside button:not(.theme):focus{outline:none}aside button:not(.theme):hover:before,aside button:not(.theme):focus:before{opacity:1;transform:scale(1)}aside .button-container{box-sizing:border-box;background:var(--col-bg);width:100%;transition:var(--transition-delay);padding:2rem}aside .theme{color:var(--gray-2);background:var(--gray-2);transition:var(--transition-delay);cursor:pointer;border:none;border-bottom:outside 20px solid var(--col-bg);border-radius:14px;flex-flow:row;flex:none;justify-content:space-between;align-items:center;width:100%;margin:0;padding:8px 16px;display:flex}aside .theme .light,aside .theme .dark{transition:var(--transition-delay);font-size:0}aside .theme .light svg>circle,aside .theme .light svg>path,aside .theme .dark svg>circle,aside .theme .dark svg>path{transition:var(--transition-delay);color:var(--col-fg)}aside .theme .slider{transition:var(--transition-delay);background:var(--gray-3);border-radius:100px;width:100%;height:20px;margin:0 25px;position:relative}aside .theme .slider .roller{transition:var(--transition-delay);background:var(--gray-2);border-radius:50%;width:16px;height:16px;position:absolute;top:2px;left:2px}aside .theme.dark .slider .roller{left:calc(100% - 18px)}aside svg,aside svg circle,aside svg line,aside svg path,aside svg polyline{color:var(--primary-color)}main{left:var(--sidebar-width);width:calc(100vw - var(--sidebar-width));grid-gap:0;grid-template-columns:1fr clamp(300px,calc(100vw - var(--sidebar-width)),800px)1fr;min-height:calc(100vh - 5.6rem);font-size:1.6rem;display:grid;position:absolute;top:5.6rem}main div.body{grid-column:2;max-width:100%;padding:2rem 4rem}main div.body img{max-width:100%;margin:0 auto;display:block}main h1.title{letter-spacing:-3px;margin:3rem 0;font-size:6rem;font-weight:700;line-height:.8}main p.description{color:#abb2bf;font-size:1.92rem;font-weight:lighter}main h1,main h2,main h3{color:var(--max-contrast);font-weight:400;line-height:1}main a{color:#1e90ff}main a.next-link{border:1px solid #ccc;border-radius:5px;max-width:calc(50% - 20px);padding:10px 30px;text-decoration:none;display:block}main a.next-link span{display:block}main a.next-link span.l{color:#1e90ff;text-decoration:underline}main div.links{flex-flow:wrap;justify-content:space-between;align-items:center;width:100%;display:flex}main *{line-height:1.7}html[dir=rtl] aside{right:0;left:unset;transform:translate(100%)}html[dir=rtl] aside details.dropdown-language div.options{width:100%;padding-left:unset;padding-right:2.3rem}html[dir=rtl] main{right:var(--sidebar-width);left:unset;position:absolute}html[dir=rtl] main pre{direction:ltr}@media screen and (width>=800px){body{--sidebar-width:239px}body aside{height:100vh;max-height:100vh;top:0;transform:translate(0)!important}body header{display:none}body main{top:0}nav{display:unset!important}#hamburger{display:none}}body main code{color:#671ddf;white-space:pre-wrap;border-radius:2px;margin:0 2px;padding:3px 5px;font-family:Fira Code,Roboto Mono,Monaco,Consolas,monospace;font-size:.8em}body main code,body main pre{background-color:#f8f8f8;font-family:Fira Code,Roboto Mono,Monaco,Consolas,monospace}body main pre{-moz-osx-font-smoothing:initial;-webkit-font-smoothing:initial;word-wrap:normal;margin:1.2em 0;padding:0 1.4rem;line-height:1.2;position:relative;overflow:auto}body main pre .copy-button{cursor:pointer;opacity:0;z-index:10;color:#333;background:#ffffffe6;border:1px solid #ddd;border-radius:4px;padding:6px 10px;font-family:inherit;font-size:12px;transition:opacity .2s,background-color .2s;position:absolute;top:8px;right:8px}body main pre .copy-button:hover{background:#fff;border-color:#bbb}body main pre .copy-button.copied{color:#fff;background:#4caf50;border-color:#4caf50}body main pre:hover .copy-button{opacity:1}body.dark main code{color:#a166ff;background-color:#232635}body.dark main pre>code{color:#cecece}body .token{font-family:Fira Code,Roboto Mono,Monaco,Consolas,monospace}body .token.cdata,body .token.comment,body .token.doctype,body .token.prolog{color:#8e908c}body .token.namespace{opacity:.7}body .token.punctuation{color:#525252}body .token.selector{color:#6679cc}body .language-css .token.string,body .style .token.string,body .token.entity,body .token.url,body .token.tag,body .token.placeholder,body .token.variable{color:#2944df}body .token.attr-value,body .token.control,body .token.directive,body .token.unit,body .token.string,body .token.boolean,body .token.number,body .token.atrule,body .token.regex,body .token.statement,body .token.builtin{color:#df1ddf}body .token.function,body .token.keyword,body .token.important,body .token.property,body .token.attr-name,body .token.constant{color:#671ddf;font-weight:500}body.dark .token.function,body.dark .token.keyword,body.dark .token.important,body.dark .token.property,body.dark .token.attr-name,body.dark .token.constant{color:#a166ff;font-weight:500}body .token.deleted{text-decoration:line-through}body .token.inserted{border-bottom:1px dotted #202746;text-decoration:none}body .token.italic{font-style:italic}body .token.bold,body .token.important{font-weight:700}body .token.entity{cursor:help}body main pre>code{-moz-osx-font-smoothing:initial;-webkit-font-smoothing:initial;color:#33333c;font-family:Roboto Mono,Monaco,Consolas,monospace;line-height:inherit;max-width:inherit;overflow:inherit;white-space:inherit;background-color:#f8f8f8;border-radius:2px;margin:0 2px;padding:2.2em 5px;font-size:.8em;display:block}body main code:after,body main code:before{letter-spacing:.05rem}body code .token{-moz-osx-font-smoothing:initial;-webkit-font-smoothing:initial;min-height:1.5rem;position:relative;left:auto}body pre:after{color:#ccc;content:attr(data-lang);text-align:right;height:15px;padding:5px 10px 0;font-size:.6em;font-weight:600;line-height:15px;position:absolute;top:0;right:0}body.dark main pre .copy-button{color:#cecece;background:#232635e6;border-color:#555}body.dark main pre .copy-button:hover{background:#232635;border-color:#777}body.dark main pre .copy-button.copied{color:#fff;background:#4caf50;border-color:#4caf50}