.debug *{border:.01px solid #ff0!important}body,.wrapper{--padding:1rem;--gutter:minmax(0,1fr);--content-max:70rem;--content:min(100% - 2*var(--padding),var(--content-max));--breakout-max:90rem;--breakout:minmax(0,calc((var(--breakout-max) - var(--content-max))/2));grid-template-columns:[edge-start]var(--padding)[full-width-start]var(--gutter)[breakout-start breakout-left-start]var(--breakout)[content-start breakout-right-start]var(--content)[content-end breakout-left-end]var(--breakout)[breakout-end breakout-right-end]var(--gutter)[full-width-end]var(--padding)[edge-end];display:grid}@media (orientation:landscape){body,.wrapper{--padding:3rem}}*{grid-column:content}.breakout{grid-column:breakout}.breakout-left{grid-column:breakout-left}.breakout-right{grid-column:breakout-right}.full-width{grid-column:full-width}.edge{grid-column:edge}body{grid-template-rows:[header-start]auto[header-end main-start]1fr[main-end footer-start]auto[footer-end];min-height:100dvh}header,main,footer{grid-column:edge;grid-template-columns:subgrid;display:grid!important}header{grid-row:header}main{grid-row:main;row-gap:1rem;margin-bottom:1rem}footer{grid-row:footer}
body,main,footer{transition:background-color .25s linear}p,span{transition:color .25s linear}
a{color:var(--mui-palette-primary-main);cursor:pointer;text-decoration:none}.monospace{font-variant-ligatures:"contextual"!important;font-family:Fira Code,monospace!important}
body:after{content:"";z-index:-1;opacity:.1;background-image:linear-gradient(30deg,#1c7eea 12%,#0000 12.5% 87%,#1c7eea 87.5%,#1c7eea),linear-gradient(150deg,#1c7eea 12%,#0000 12.5% 87%,#1c7eea 87.5%,#1c7eea),linear-gradient(30deg,#1c7eea 12%,#0000 12.5% 87%,#1c7eea 87.5%,#1c7eea),linear-gradient(150deg,#1c7eea 12%,#0000 12.5% 87%,#1c7eea 87.5%,#1c7eea),linear-gradient(60deg,#1c7eea77 25%,#0000 25.5% 75%,#1c7eea77 75%,#1c7eea77),linear-gradient(60deg,#1c7eea77 25%,#0000 25.5% 75%,#1c7eea77 75%,#1c7eea77);background-position:0 0,0 0,40px 70px,40px 70px,0 0,40px 70px;background-size:80px 140px;width:100vw;height:100vh;position:fixed;top:0;left:0}
.glass{background:0 0}.glass-enabled{-webkit-backdrop-filter:blur(5px)saturate(180%);backdrop-filter:blur(5px)saturate(180%);background-color:#ffffff0d}.glass-disabled{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#0000}.glass-enabled:after{box-shadow:inset 0 0 5px 1px rgba(var(--mui-palette-dividerChannel)/.5);content:"";pointer-events:none;border-radius:2rem;width:100%;height:100%;position:absolute;top:0;left:0}.paper{border-radius:2rem;padding:1rem;transition:all .25s}.paper-disabled{box-shadow:none;background:0 0}