*,:before,:after{box-sizing:border-box}*{margin:0}body{-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root{isolation:isolate}@font-face{font-family:Lufga;font-style:normal;font-display:swap;font-weight:300;src:url(/public/fonts/LufgaLight.woff)format("woff")}@font-face{font-family:Lufga;font-style:italic;font-display:swap;font-weight:300;src:url(/public/fonts/LufgaLightItalic.woff)format("woff")}@font-face{font-family:Lufga;font-style:normal;font-display:swap;font-weight:500;src:url(/public/fonts/LufgaMedium.woff)format("woff")}@font-face{font-family:Lufga;font-style:italic;font-display:swap;font-weight:500;src:url(/public/fonts/LufgaMediumItalic.woff)format("woff")}@font-face{font-family:Lufga;font-style:normal;font-display:swap;font-weight:700;src:url(/public/fonts/LufgaBold.woff)format("woff")}@font-face{font-family:Lufga;font-style:italic;font-display:swap;font-weight:700;src:url(/public/fonts/LufgaBoldItalic.woff)format("woff")}:root{--size:1rem}html{--color-text:light-dark(#121212,#e0e0e0);--color-bg:light-dark(#fff,#0f0f0f);--color-border:light-dark(#ededed,#262626)}html,body{color:var(--color-text);background:var(--color-bg);font-family:Lufga,sans-serif}.text-button{font-size:calc(var(--size) * .85);color:var(--color-text);padding:calc(var(--size) * .25);cursor:pointer;align-items:center;gap:calc(var(--size) * .5);background:0 0;border:none;line-height:1;text-decoration:none;display:flex}.text-button:hover{text-decoration:underline}.text-button__icon{height:calc(var(--size) * .85);width:calc(var(--size) * .85)}a,a:visited{color:var(--color-text)}.layout{grid-template-rows:calc(var(--size) * 5) calc(100dvh - 80px);grid-template-columns:max(25vw,300px) auto;min-height:100vh;max-height:100vh;display:grid}.header{border-bottom:2px solid var(--color-border);padding:0 calc(var(--size) * 1.5);align-items:center;gap:0 calc(var(--size) * 1.5);grid-area:1/1/auto/span 2;justify-content:space-between;display:flex}.logo{align-items:center;display:flex}.logo-image{height:calc(var(--size) * 2);width:auto;display:block}.search{background:var(--color-bg);align-items:center;gap:calc(var(--size) * .25);border:2px solid var(--color-border);min-width:min(70vw,500px);display:flex;position:relative}.search-input{padding:calc(var(--size) * .5);background:0 0;border:none;width:100%}.search-input:focus,.search-input:focus-within{border:none;outline:none}.search:has(:focus){border:2px solid var(--color-text)}.search-icon{margin-right:calc(var(--size) * .5);fill:var(--color-text)}.search__results{top:calc(var(--size) * 2.5 + 2px);background:var(--color-bg);border:2px solid var(--color-border);border-top:none;flex-direction:column;display:flex;position:absolute;left:-2px;right:-2px}.search__results-result{flex-direction:column;text-decoration:none;display:flex}.search__results-result-title{padding:calc(var(--size) * .5);text-decoration:underline}.search__results-result-title--active{background:var(--color-border)}.search__results-sub_results{font-size:calc(var(--size) * .75);flex-direction:column;display:flex}.search__results-sub_result{padding:calc(var(--size) * .5);padding-left:calc(var(--size) * .75);gap:calc(var(--size) * .25);flex-direction:column;text-decoration:none;display:flex}.search__results-sub_result-title{text-decoration:underline}.search__results-sub_result--active{background:var(--color-border)}.search_results-sub_result-excerpt{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.search__results mark{color:var(--color-text);background:0 0;font-style:italic}.main{width:100%;scroll-padding-top:calc(var(--size) * 2);grid-area:2/2;overflow-y:scroll}.main__title{font-size:calc(var(--size) * 3)}.main article>*{margin:0 0 var(--size) 0}.main__header{padding:calc(var(--size) * 2);border-bottom:2px solid var(--color-border);align-items:center;display:flex}.main__header-tags{gap:calc(var(--size) * .5);margin-left:auto;display:flex}.tag{background:var(--color-border);padding:calc(var(--size) * .25) calc(var(--size) * .5);font-size:calc(var(--size) * .85)}.main article,.main__props-table{padding:calc(var(--size) * 2);font-size:120%;& .heading{margin:0 0 calc(var(--size) * 2) 0;line-height:1;display:block}& *+.heading{margin-top:calc(var(--size) * 2)}& p,& code{line-height:1.2}& hr{background:var(--color-border);height:2px;margin:calc(var(--size) * 3) 0;border:none}& table{table-layout:fixed;border-collapse:collapse;border:1px solid var(--color-border)}& th,& td{border:1px solid var(--color-border);padding:calc(var(--size) * .75);text-align:left}}.main article>pre{padding:calc(var(--size) * .5);background:var(--color-text)}.main article>pre code{color:var(--color-bg)}.main article>p>code{padding:calc(var(--size) * .125) calc(var(--size) * .5);background:var(--color-text);color:var(--color-bg)}.heading{text-decoration:none}.heading>*{gap:calc(var(--size) * .5);display:flex}.heading>:after{content:"#";visibility:hidden;color:var(--color-border);text-decoration:none}.heading:hover>:after{visibility:visible}.iframe{border:2px solid var(--color-border);width:100%;overflow:hidden}.iframe__wrapper{resize:both;display:flex;overflow:hidden}.iframe__iframe{border:none;width:100%;min-height:300px}.iframe__footer{padding:var(--size);border-top:2px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.iframe__code{padding:var(--size);background:var(--color-text);color:var(--color-border);border-top:2px solid var(--color-border)}.iframe__code code{padding:0}.sidebar{border-right:2px solid var(--color-border);padding:calc(var(--size) * 1.5);gap:var(--size);flex-direction:column;grid-area:2/1;display:flex;overflow-y:scroll}.sidebar__title{font-size:calc(var(--size) * 2);white-space:nowrap;text-decoration:none}.sidebar__nav{margin:0;padding:0;list-style-type:none}.sidebar__nav-item{font-size:calc(var(--size) * 1);line-height:1.2}.sidebar__nav-item-link{cursor:pointer;font-size:calc(var(--size) * 1.2)}.sidebar__nav-item-label{padding:calc(var(--size) * .75) 0;gap:calc(var(--size) * .25);text-transform:capitalize;font-size:calc(var(--size) * 1.2);align-items:center;display:flex}.sidebar__nav-item-icon{fill:var(--color-text);margin-left:auto}.sidebar__nav-item{margin-left:cal(var(--size) * 1.2)}.sidebar__nav-item-headings{gap:calc(var(--size) * 1);padding:calc(var(--size) * .75) 0 var(--size) var(--size);font-size:var(--size);flex-direction:column;display:flex}.sidebar__nav-item-heading{text-decoration:none}.sidebar__nav-item-heading:hover{text-decoration:underline}.sidebar__nav-item-heading:hover:after{content:" #"}.sidebar__nav-item-heading-spacer{width:var(--size);display:inline-block}.sidebar__nav-item .sidebar__nav{margin-left:calc(var(--size) * .5);padding-left:calc(var(--size) * 1);border-left:1px solid var(--color-border)}.sidebar__footer{padding:var(--size);margin-top:auto;display:flex}.props-table{border-collapse:collapse;width:100%}.props-table__header{text-align:left;padding:.5rem}