@layer element{dialog{border:var(--border-width)solid var(--background-layer);background:var(--base-background);max-width:min(512px,calc(100% - calc(var(--grid-gap)*4)));padding:0 var(--grid-size);box-shadow:0 0 2em #00000080;& form,& h2{margin:var(--grid-size)0}&::backdrop{background-color:hsla(from var(--base-background)h s l/.5);backdrop-filter:blur(2px)}}.hero{margin:var(--grid-size)0;gap:var(--grid-size);grid-template-columns:1fr auto;align-items:center;font-size:2.25em;display:grid;position:relative;& div{grid-column:1;& h2{margin-top:0;line-height:1.2}& p{line-height:1.3}}& landing-page-demo{grid-column:2;font-size:.4em}}@media (width<=950px){.hero{font-size:1.8em}}@media (width<=800px){.hero{font-size:1.6em}}@media (width<=700px){.hero{display:block}cm-landing-page-demo{font-size:.6em}}.docsSidebar{& ul{padding:0;list-style:none;& ul li{margin:0}}& details{display:none;background:0 0!important;border:none!important;&>ul{margin-bottom:calc(var(--grid-size)*-.5)}}& summary{padding:calc(var(--grid-size)/2)0!important}& summary:focus{outline:calc(var(--grid-gap)/2)solid var(--accent-color-focus);box-shadow:0 0 calc(var(--grid-gap)*2)var(--accent-color-focus)}& span{text-transform:uppercase;color:var(--tertiary-content)}& a{transition:transform var(--transition-time),filter var(--transition-time);padding:calc(var(--grid-size)/4)calc(var(--grid-size)/2);transition:all var(--transition-time);border:none;display:inline-block;position:relative;&:before{content:"";left:calc(var(--grid-size)/2);right:calc(var(--grid-size)/2);bottom:calc(var(--border-width)*2);border-top:var(--border-width)solid transparent;transition:all var(--transition-time);position:absolute}&:after{content:"_";top:calc(var(--grid-size)/-6);top:calc(var(--grid-size)/-6);left:calc(var(--grid-size)/4);width:2ch;color:var(--accent-color-focus);transform-origin:0;animation:calc(var(--transition-time)*2)linear var(--transition-time)infinite blink;line-height:300%;transition:inherit;position:absolute;transform:scale(0)translate(-2ch)}}& a:link,& a:visited{color:var(--base-content)}& a.active:link,& a.active:visited{&:before{border-top-color:var(--underline-color)}&:hover,&:focus{&:before{transform:translateX(calc(var(--grid-size)*.25));border-top-color:#0000}}}& a:hover,& a:focus{padding:calc(var(--grid-size)/4)calc(var(--grid-size)*.25)calc(var(--grid-size)/4)calc(var(--grid-size)*.75);&:before{left:var(--grid-size);right:0}&:after{transform:scale(1)}}}@media (width<=800px){.docsSidebar>ul{display:none}.docsSidebar>details{display:block}}.scrollWrapper{max-width:calc(min(calc(100vw - var(--grid-size)*2),var(--max-width)) - var(--lhs-column-min) - var(--lhs-column-gap));margin:var(--grid-gap)0;overflow-x:auto;&>table{margin:0}}@media (width<=800px){.scrollWrapper{max-width:calc(100vw - var(--grid-size)*2);width:100%}}aside{background:var(--alternative-background-layer);border:var(--border-width)solid var(--background-layer);padding:calc(var(--grid-size)/2);margin:var(--grid-size)0;padding-left:5em;position:relative;& h3{border:none;margin-bottom:-2em;font-size:1em;margin-top:-.5em!important}&:before{content:url(nerd.1556faee.svg);filter:var(--invert-when-light);position:absolute;top:2em;left:1em;transform:translate(50%)scale(2)}&>:last-child{margin-bottom:0}}.logos{margin:calc(var(--grid-size)*2)0;align-items:center;gap:var(--grid-size);grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;display:grid;& img{filter:saturate(0%)opacity(50%);width:100%;transition:filter var(--transition-time),transform var(--transition-time);border:none;transform:scale(.9);&:hover{filter:none;transform:scale(1)}}}@media (width<=700px){.logos{grid-template-rows:auto auto;grid-template-columns:1fr 1fr 1fr 1fr}}.searchForm{margin-top:calc(var(--grid-size)*-1);& p{grid-template-columns:1fr var(--grid-size);grid-template-rows:var(--grid-size)var(--grid-size);gap:0 var(--grid-gap);align-items:center;display:grid}& label{white-space:nowrap;grid-area:1/1/auto/3;& span{color:var(--secondary-content);text-transform:initial}}& input,& button{font:inherit;padding:var(--border-width);color:var(--base-content);transition:border-color var(--transition-time),box-shadow var(--transition-time),background-color var(--transition-time);background:0 0;align-self:stretch;display:inline-block}& input{color:var(--base-content);border:var(--border-width)solid var(--background-layer);width:calc(var(--lhs-column-min) - var(--grid-gap) - var(--grid-size));&:hover{border-color:var(--accent-color)}&:focus{border-color:var(--accent-color-focus);box-shadow:0 0 calc(var(--grid-gap)*2)var(--accent-color-focus);outline:none}}& button{margin-left:var(--grid-gap);border-color:#0000;&:hover{color:var(--accent-color)}&:focus{color:var(--accent-color);border-color:var(--accent-color-focus);box-shadow:0 0 calc(var(--grid-gap)*2)var(--accent-color-focus);outline:none}}}@media (width<=800px){.searchForm{top:calc(var(--grid-size)*.5);position:absolute;right:0;& p{grid-template-columns:auto auto var(--grid-size)}& label{margin-right:var(--grid-gap);grid-column:1}}}@media (width<=540px){.searchForm{margin:calc(var(--grid-size)*1.5)0 calc(var(--grid-size)*-1.75)0;width:min-content;position:static}}.iconButton{width:var(--grid-size);height:var(--grid-size);flex-direction:row;justify-content:center;align-items:center;padding:0;display:flex;position:relative;&:not(:is(:hover,:focus)){border-color:#0000}& svg{z-index:1;position:relative}&:disabled svg{opacity:.333;z-index:1;position:relative}& .background{z-index:0;position:absolute;inset:50% 0 0}}}