.splash{h1{text-align:center}}.doc-page{display:flex;flex-flow:row;height:100%;.toc{display:flex;flex:0 0 auto;flex-flow:column;overflow:hidden;padding:1rem;width:20%;.urltree{overflow:auto}ul ul{margin-left:1rem}li,ul{list-style:none;margin:0;padding:0}li{padding-top:.5rem}}.content{flex:1 1 auto;overflow:auto;padding:1rem;position:relative;>:first-child>:first-child{margin-top:0}>*>*{margin:0 0 0 1rem;width:calc(100% - 2rem);&[component=tray]{margin:0}}a{border-bottom:none;text-decoration:none}h1,h2,h3,h4,h5{margin:2rem 0 .5rem;+h1,+h2,+h3,+h4,+h5{margin-top:-.5rem}}br.space{display:block;margin-top:1em}.text-center{text-align:center}.code-preview{border:1px solid color-mix(in srgb,var(--foreground) 10%,transparent);border-radius:.1em;display:inline-block;height:60vh;margin:0 1rem;max-height:100%;max-width:100%;overflow:hidden;position:relative;width:100%;&:hover{&:after{opacity:0}.label{background:var(--background);bottom:1rem}}&:after{background:linear-gradient(160deg,color-mix(in srgb,var(--background) 20%,transparent) 10%,color-mix(in srgb,var(--background) 90%,transparent) 70%);box-shadow:inset 1px 1px 2px color-mix(in srgb,var(--background) 90%,transparent);content:" ";opacity:1;top:0}&:after,.label{bottom:0;left:0;position:absolute;right:0;transition:all .3s ease}.label{background:color-mix(in srgb,var(--background) 20%,transparent);color:var(--foreground);font-family:Montserrat;font-size:1.5rem;font-weight:500;padding:1rem;text-align:center;z-index:1}pre{margin:0;padding:0}code,pre{border:none;height:100%}}.juxtapose{display:flex;margin:1rem;>*{align-self:stretch;margin:unset!important;width:100%;+*{margin-left:1rem!important}}>pre>code{box-sizing:border-box;height:100%}}}}@media only screen and (max-width:1023px){.doc-page{display:block;.toc{background:var(--background-accent);bottom:0;box-sizing:border-box;color:var(--background);height:3.75rem;padding:0 1rem;position:absolute;transition:all .5s ease;width:100%;z-index:1;h2{cursor:pointer;margin:0;padding:1rem 0;text-align:center}&.active{background:var(--background);border:1px solid color-mix(in srgb,var(--foreground) 10%,transparent);color:var(--foreground);height:95vh;z-index:1000}a{border:none;font-size:2rem;line-height:2.5rem}.urltree{>ul>li>ul li{padding-top:0;a{font-size:1rem;line-height:1.5rem}}}}.content{padding-bottom:4rem;>*,code,pre{max-width:calc(100vw - 2rem)}code,pre{overflow:auto}.code-preview{margin:0 .5rem}.juxtapose{flex-flow:column;width:unset;>*{margin:1rem 0!important;width:unset}}.mobile-stack{flex-flow:column;.code-preview{height:30vh;margin:1rem 0}}}}}