.login-card{width:min(470px,calc(100vw - 48px));max-width:100%}
@media(max-width:760px){.login-screen{padding:16px}.login-card{width:calc(100vw - 32px);max-width:calc(100vw - 32px)}.rail{display:block;position:fixed;inset:64px auto 0 0;width:min(310px,88vw);z-index:10;transform:translateX(-105%);transition:.25s;padding:22px 16px;background:rgba(5,15,17,.98)}body.history-open .rail{transform:none}.rail .brand-lockup,.rail .rail-bottom{display:none}.nav{margin-top:0}.history-panel{margin-top:24px}.topbar{padding:0 17px}.view{padding:34px 18px 105px}.solution-grid{display:flex;overflow-x:auto}.solution-grid button{min-width:190px}.composer-wrap{bottom:58px;position:fixed;left:0;right:0;padding:10px 16px 8px;z-index:4}.sandbox-toolbar{display:block}.sandbox-actions{justify-content:flex-start;margin-top:14px}.project-grid{grid-template-columns:1fr}.mobile-nav{position:fixed;display:flex;z-index:5;bottom:0;left:0;right:0;height:58px;background:rgba(5,15,17,.96);border-top:1px solid var(--line);justify-content:space-around}.mobile-nav button{border:0;background:transparent;color:#72837e;font:9px var(--mono);padding:8px 18px}.mobile-nav button.active{color:var(--acid)}.mobile-nav span{display:block;margin-top:4px}}