body.minimalist {}
main.desktop {height: 100%; display: grid; grid-template-rows: min-content auto; overflow: hidden; width: 100%;}
header.desktop {background-color: var(--ps-cl); box-shadow: var(--bs-1); display: grid; gap: var(--gr-dg); grid-template-columns: max-content max-content auto max-content; margin-bottom: var(--pd-ds); padding: 8px; place-content: center stretch;}
header.desktop>img.logo {height: 40px; width: 160px;}
header.desktop>div.toolbar>div.group>div.button {}
section.desktop {}
section.desktop>iframe {}
section.desktop>iframe.select {}
div.desktop-mist {display: none;}
div.desktop-mist.show {background-color: var(--mist); display: grid; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1000;}
div.desktop-menu {display: none;}
div.desktop-menu.show {background-color: var(--ps-cl); display: block; height: 100%; left: 0px; position: absolute; top: 0px; width: 320px;}
div.desktop-loading {display: none;}
div.desktop-loading.show {background-color: var(--ps-cl); border: var(--pr-bt) var(--pr-bs) var(--ps-cl); border-radius: var(--br-dr); display: grid; gap: var(--gr-dg); grid-template-columns: min-content auto; height: max-content; place-content: center; place-self: center; padding: var(--pd-ts) var(--pd-hs); position: absolute; width: max-content;}
div.desktop-loading>svg {height: 32px; width: 32px;}
div.desktop-loading>div.text {place-self: center start;}