@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Work+Sans:wght@100;200;300;400;500;600;700;800&family=Roboto+Mono:wght@400;500&display=swap";.theme-light{--color-canvas: #FFFFFF;--color-text: #535E69;--color-heading: #0A1929;--color-link: #0A1929;--color-link-hover: #0A1929;--color-border: #E7EBF0;--color-primary: #007FFF;--color-secondary: #FF007F;--color-accent: #FF007F;--color-success: #2E7D32;--color-success-bg: #EDF7ED;--color-success-fg: #1E4620;--color-error: #CC3333;--color-error-bg: #FDEDED;--color-error-fg: #5F2120;--color-warning: #ED6C02;--color-warning-bg: #FFF4E5;--color-warning-fg: #663C00;--color-info: #0288D1;--color-info-bg: #E5F6FD;--color-info-fg: #014361;background-color:var(--color-canvas);color:var(--color-text);--color-editor-red: #F06C75;--color-editor-orange: #F6A818;--color-editor-yellow: #E5C07B;--color-editor-green: #98BC1B;--color-editor-purple: #C678DD;--color-editor-comment: #ABB0B6;--color-editor-text: #5C6773}.theme-dark{--color-canvas: #000919;--color-text: #B2BAC2;--color-heading: #F3F6F9;--color-link: #0A1929;--color-link-hover: #0A1929;--color-border: #2D3843;--color-primary: #007FFF;--color-secondary: #CC0033;--color-accent: #FF007F;--color-success: #66CC66;--color-success-bg: #0C130D;--color-success-fg: #CCE8CD;--color-error: #FF3333;--color-error-bg: #160B0B;--color-error-fg: #F4C7C7;--color-warning: #663C00;--color-warning-bg: #191207;--color-warning-fg: #FFE2B7;--color-info: #29B6F6;--color-info-bg: #071318;--color-info-fg: #B8E7FB;background-color:var(--color-canvas);color:var(--color-text);--color-editor-red: #E06C75;--color-editor-orange: #D19A66;--color-editor-yellow: #E5C07B;--color-editor-green: #98C379;--color-editor-purple: #C678DD;--color-editor-comment: #5C6370;--color-editor-text: #B2BAC2}*{margin:0;padding:0;box-sizing:border-box;font-family:Work Sans,sans-serif}html::-webkit-scrollbar,.sidebar::-webkit-scrollbar{width:0px;right:0px}article ::-webkit-scrollbar{width:8px}article ::-webkit-scrollbar-track{background:none}article ::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:10px}article ::-webkit-scrollbar-thumb:hover{background:var(--color-text)}.topbar,.topbar-sb-active{position:fixed;height:4em;width:100vw}.topbar-sb-active{width:calc(100vw - 300px);margin-left:300px}.sidebar{width:300px}.article-content,.article-content-sb-active{background-color:var(--color-canvas);padding-top:4em;margin-left:0;margin-right:0}.article-content-sb-active{margin-left:300px;margin-right:250px}.article-content .article-sidebar,.article-content-sb-active .article-sidebar{background-color:var(--color-canvas);width:250px;height:calc(100vh - 4em);position:fixed;top:4em;right:0}.landing-page{padding-top:4em}a{text-decoration:none}button{border:none}mark{font-family:Roboto Mono,monospace;background-color:var(--color-info-bg);color:var(--color-info-fg);font-weight:500;font-size:.95em;padding:1px 5px;border-radius:3px}.underline{color:var(--color-info);text-decoration:underline;cursor:pointer;transition-duration:.1s}.underline:hover{color:var(--color-info-bg);transition-duration:.1s}.underline:active{color:var(--color-info-fg);transition-duration:.1s}hr{margin-top:2em;border:none}@media (width < 670px){.topbar #topbar-close,.topbar-sb-active #topbar-close{display:none}}.topbar section svg,.topbar-sb-active section svg{font-size:1.3em;color:var(--color-primary)}input[type=text]:focus{outline:none}.sidebar .heading .close-icon{font-size:1.3em;display:none}@media (max-width: 768px){.sidebar .heading .close-icon{display:block}}.sidebar .tree-view{padding-top:1em}.sidebar ul .caret:hover{background-color:var(--color-info-bg)}.sidebar ul .caret:hover .icon{color:var(--color-secondary);transition-duration:50ms}.sidebar ul .caret .icon{color:var(--color-primary);margin-right:.75em;transition-duration:50ms}.sidebar ul .caret-child:hover{background-color:var(--color-info-bg);color:var(--color-heading);transition-duration:50ms}.article-content,.article-content-sb-active{color:var(--color-text)}.article-content h2,.article-content-sb-active h2{margin-top:1.25em;line-height:1.2;letter-spacing:.4px}.article-content h3,.article-content h4,.article-content-sb-active h3,.article-content-sb-active h4{margin-top:1.5em;line-height:1.2;letter-spacing:.4px}.article-content h2,.article-content-sb-active h2{font-size:2.25em;font-weight:700}.article-content h3,.article-content-sb-active h3{font-size:1.75em;font-weight:600}.article-content h4,.article-content-sb-active h4{font-size:1.4em;font-weight:600}.article-content p,.article-content-sb-active p{margin:1em 0;line-height:1.75}.article-content ul,.article-content-sb-active ul{margin:1em 0 1.5em 2em}.article-content ul li,.article-content-sb-active ul li{margin:1em 0;line-height:1.75}.article-content footer,.article-content-sb-active footer{display:flex;justify-content:space-between;margin-top:4em}.article-content footer a,.article-content-sb-active footer a{color:var(--color-primary);font-weight:500;cursor:pointer}.article-content footer a:hover,.article-content-sb-active footer a:hover{text-decoration:underline}.article-content footer a:first-child:before,.article-content-sb-active footer a:first-child:before{content:"← "}.article-content footer a:last-child:after,.article-content-sb-active footer a:last-child:after{content:" →"}.article-content strong,.article-content-sb-active strong{font-weight:600}.article-content code,.article-content-sb-active code{color:var(--color-heading);font-family:Roboto Mono,monospace;font-size:.9em;font-weight:500;padding:.5em 1em;border:2px solid var(--color-border);border-radius:8px;display:flex;align-items:center;gap:1em;cursor:pointer;transition-duration:.1s;word-break:break-all}.article-content code:hover,.article-content-sb-active code:hover{border:2px solid var(--color-primary);transition-duration:.1s}.article-content code svg,.article-content-sb-active code svg{color:var(--color-primary)}.article-content .notification-container,.article-content .notification-container-info,.article-content .notification-container-warning,.article-content .notification-container-error,.article-content .notification-container-success,.article-content-sb-active .notification-container,.article-content-sb-active .notification-container-info,.article-content-sb-active .notification-container-warning,.article-content-sb-active .notification-container-error,.article-content-sb-active .notification-container-success{border-radius:8px;margin-top:1.25em;padding:1.5em 2.5em;display:flex;gap:2em;align-items:center}.article-content .notification-container-success,.article-content-sb-active .notification-container-success{background-color:var(--color-success-bg);color:var(--color-success-fg)}.article-content .notification-container-error,.article-content-sb-active .notification-container-error{background-color:var(--color-error-bg);color:var(--color-error-fg)}.article-content .notification-container-warning,.article-content-sb-active .notification-container-warning{background-color:var(--color-warning-bg);color:var(--color-warning-fg)}.article-content .notification-container-info,.article-content-sb-active .notification-container-info{background-color:var(--color-info-bg);color:var(--color-info-fg)}.article-content .notification-container svg,.article-content .notification-container-success svg,.article-content-sb-active .notification-container-success svg,.article-content .notification-container-error svg,.article-content-sb-active .notification-container-error svg,.article-content .notification-container-warning svg,.article-content-sb-active .notification-container-warning svg,.article-content .notification-container-info svg,.article-content-sb-active .notification-container-info svg,.article-content-sb-active .notification-container svg{flex-shrink:0;font-size:1.25em}.article-content .notification-container .quote-text,.article-content .notification-container-success .quote-text,.article-content-sb-active .notification-container-success .quote-text,.article-content .notification-container-error .quote-text,.article-content-sb-active .notification-container-error .quote-text,.article-content .notification-container-warning .quote-text,.article-content-sb-active .notification-container-warning .quote-text,.article-content .notification-container-info .quote-text,.article-content-sb-active .notification-container-info .quote-text,.article-content-sb-active .notification-container .quote-text{font-weight:500;font-size:.95em;line-height:1.75}.article-content table,.article-content-sb-active table{display:block;width:100%;max-height:25em;overflow-y:auto;border-collapse:collapse;margin:2em 0}.article-content table thead,.article-content-sb-active table thead{display:table;width:100%;border-bottom:2px solid var(--color-border)}.article-content table thead th,.article-content-sb-active table thead th{padding:.35em 0;font-weight:500;text-align:left;vertical-align:top}.article-content table tbody,.article-content-sb-active table tbody{display:table;width:100%}.article-content table tbody tr,.article-content-sb-active table tbody tr{border-bottom:1px solid var(--color-border)}.article-content table tbody tr:last-child,.article-content-sb-active table tbody tr:last-child{border-bottom:none}.article-content table tbody tr td,.article-content-sb-active table tbody tr td{font-family:Roboto Mono,monospace;font-weight:400;font-size:.95em;padding:.75em 0;color:var(--color-secondary);white-space:pre-wrap}.article-content table tbody tr td:first-child,.article-content-sb-active table tbody tr td:first-child{color:var(--color-primary);font-size:1em;width:35%}.article-content,.article-content-sb-active{min-height:100vh;max-width:1200px;padding:5em;margin:0 auto}.article-content-sb-active{margin:0 auto}@media (width < 1700px){.article-content,.article-content-sb-active{margin:0 auto 0 10em}}@media (width < 1650px){.article-content,.article-content-sb-active{margin:0 auto 0 7em}}@media (width < 1550px){.article-content,.article-content-sb-active{margin:0 auto 0 4em}}@media (width < 1500px){.article-content,.article-content-sb-active{margin:0 auto}.article-sidebar{display:none}}@media (width < 750px){.article-content,.article-content-sb-active{padding:5em 3em}}@media (width < 500px){.article-content,.article-content-sb-active{padding:5em 2.5em}}.code-container{margin-top:1em}.code-container ol li:hover{color:var(--color-heading);background-color:var(--color-info-bg);transition-duration:.1s}.code-container .code-example *{font-family:Roboto Mono,monospace}.article-sidebar{padding:1em 2em 1em 0}.article-sidebar h3{color:var(--color-heading);text-transform:uppercase;font-size:.9em;letter-spacing:1px;padding-bottom:1em;margin-bottom:1em;border-bottom:2px solid var(--color-border)}.article-sidebar h4,.article-sidebar h5{font-size:.8em;font-weight:500;margin-top:.25em;transition-duration:85ms;cursor:pointer}.article-sidebar h4:hover,.article-sidebar h5:hover{color:var(--color-primary);transition-duration:85ms;border-left:3px solid var(--color-primary)}.article-sidebar h4{color:var(--color-heading);padding:.75em 0}.article-sidebar h4:hover{padding-left:1em}.article-sidebar h5{color:var(--color-text);padding:.8em 0 .8em 1.5em}.article-sidebar h5:hover{padding-left:2.5em}.landing-page header{margin-left:5vw;padding-top:-4em}.landing-page header .hero .primary:hover{box-shadow:1px 3px 15px #0000001f;-webkit-box-shadow:1px 3px 15px rgba(0,0,0,.12);-moz-box-shadow:1px 3px 15px rgba(0,0,0,.12)}.landing-page header .hero .primary:hover svg{margin-left:.75em;margin-right:0}.landing-page header .hero .primary svg{fill:#fff}.color-palette-container{display:flex;justify-content:center;gap:1em;margin:2em 0}.color-picker{display:flex;flex-direction:column;margin:auto 0;padding:5px;border-radius:5px 0 0 5px}.color-picker .color-button{position:relative;overflow:hidden;transition:background .4s;border:none;padding:8px;margin:5px;border-radius:50%;outline:none;cursor:pointer;background:black}.color-picker .color-button:nth-child(1){background:#EF4444}.color-picker .color-button:nth-child(2){background:#F97316}.color-picker .color-button:nth-child(3){background:#F59E0B}.color-picker .color-button:nth-child(4){background:#FACC15}.color-picker .color-button:nth-child(5){background:#84CC16}.color-picker .color-button:nth-child(6){background:#22C55E}.color-picker .color-button:nth-child(7){background:#10B981}.color-picker .color-button:nth-child(8){background:#14B8A6}.color-picker .color-button:nth-child(9){background:#06B6D4}.color-picker .color-button:nth-child(10){background:#0EA5E9}.color-picker .color-button:nth-child(11){background:#3B82F6}.color-picker .color-button:nth-child(12){background:#6366F1}.color-picker .color-button:nth-child(13){background:#8B5CF6}.color-picker .color-button:nth-child(14){background:#A855F7}.color-picker .color-button:nth-child(15){background:#D946EF}.color-picker .color-button:nth-child(16){background:#EC4899}.color-picker .color-button:nth-child(17){background:#F43F5E}.color-picker .color-button:nth-child(18){background:#64748B}.color-picker .color-button:nth-child(19){background:#737373}.color-chart{margin:auto 0;width:70%;padding:5px}.color-chart .color-name{padding:8px;margin:0;font-weight:600;transition:.6s ease}.color-palette-item{position:relative;overflow:hidden;height:auto;width:90%;margin:5px 0;padding:11px 10px;border-radius:5px;cursor:pointer;transition:.5s ease;background-color:var(--color-border)}.color-palette-item .ripple{position:absolute;border-radius:50%;transform:scale(0);animation:ripple .6s linear}.color-palette-item .hex-code{float:right}.color-palette-item .copied{margin-left:20%;animation:fade .6s linear}@keyframes ripple{to{transform:scale(4);opacity:0}}@keyframes fade{to{opacity:0}}.cm-focused{outline:0px solid black!important}@media (width < 1440px){.landing-page header{display:flex;flex-direction:column;align-items:center;min-height:90vh}}