*{box-sizing:border-box}html,body{height:100%}body{--dark-background:#272727;--light-background:#fafafa;--grey-background:#000000b3;--grey:#00000014;--logo-translate:-1rem;--cubic:cubic-bezier(.4, 0, .2, 1);clip-path:polygon(2% 1%,98% 2%,96% 97%,0% 100%);background-color:var(--dark-background);transition:.4s background var(--cubic);margin:0;font-size:16px}body.invert{--light-background:#272727;--dark-background:#fafafa}@media (prefers-color-scheme:dark){body{--light-background:#272727;--dark-background:#fafafa}body.invert{--dark-background:#272727;--light-background:#fafafa}}section{grid-template-rows:auto auto 1fr;width:100%;max-width:1200px;min-height:100%;margin:0 auto;display:grid}section:after{content:"";width:100%;height:2rem;display:block}#body{background-color:var(--light-background);overscroll-behavior:auto;-webkit-overflow-scrolling:touch;height:100%;transition:.4s background var(--cubic);padding:4% 5%;overflow:hidden scroll}#transition{pointer-events:none;opacity:0;background:var(--grey-background);position:fixed;inset:0}#transition svg{transform-origin:50%;opacity:0;height:200px;position:absolute;top:calc(50% - 100px);left:calc(50% - 100px);overflow:visible;transform:rotate(-35deg)skew(-65deg)}#top rect,#top path{fill:var(--light-background);stroke:var(--grey)}#bottom rect,#bottom path{fill:var(--dark-background);stroke:var(--grey)}app-footer{align-self:end;margin:2rem 0}app-header{padding-bottom:3rem}main{position:relative}main>*{pointer-events:none;opacity:0;visibility:hidden;max-height:50vh;position:absolute;top:0;left:0;overflow:hidden}main .active{z-index:1;max-height:none!important;overflow:unset!important;pointer-events:auto!important;visibility:visible!important;position:relative!important}.logo{height:100%;transition:.4s transform var(--cubic);transform-origin:50%;transform:scale(2.2, 2.2) rotateX(-45deg) rotateY(-20deg) rotateZ(-35deg) skewX(-20deg) translateY(var(--logo-translate));display:none}.invert .logo{transform:scale(2.2, 2.2) rotateX(-45deg) rotateY(20deg) rotateZ(-15deg) skewX(-20deg) translateY(var(--logo-translate))}.logo svg{fill:var(--dark-background)}@media only screen and (width<=1200px){body{--logo-translate:-.5rem}}@media only screen and (width<=800px){body{--logo-translate:0}}
/*# sourceMappingURL=rust-cms-frontend.068e83c5.css.map */