.smi-nav{box-sizing:border-box;background-color:var(--surface-1);flex-flow:column;flex-shrink:0;align-items:stretch;width:280px}.smi-nav,.smi-nav .smi-nav__section--logo{justify-content:space-between;display:flex}.smi-nav .smi-nav__section--logo{flex-flow:row;align-items:center}.smi-nav .smi-nav__section--logo .smi-nav__logo{width:auto;height:36px;margin:18px 18px 6px}.smi-nav .smi-nav__section--logo .smi-nav__logo--dark{display:none}.smi-nav .smi-nav__section--menu{flex-grow:1;margin-top:12px}.smi-nav .smi-nav__section--menu .smi-nav__item{color:var(--text-1);border:1px solid #0000;border-radius:11px;align-items:center;margin:0 15px 2px;padding:8px 11px;font-size:.9375rem;font-weight:400;line-height:1.3125rem;display:flex}.smi-nav .smi-nav__section--menu .smi-nav__item svg.icon{fill:var(--text-1);margin-right:12px}.smi-nav .smi-nav__section--menu .smi-nav__item--active{background-color:var(--action-2)}.smi-nav .smi-nav__section--menu .smi-nav__item--rule{border:none;border-top:1px solid var(--edge);border-radius:0;height:0;margin:12px 24px;padding:0}@media (prefers-color-scheme:dark){.smi-nav .smi-nav__section--logo .smi-nav__logo--light{display:none}.smi-nav .smi-nav__section--logo .smi-nav__logo--dark{display:block}}:root.theme-dark .smi-nav .smi-nav__section--logo .smi-nav__logo--light{display:none}:root.theme-dark .smi-nav .smi-nav__section--logo .smi-nav__logo--dark,:root.theme-light .smi-nav .smi-nav__section--logo .smi-nav__logo--light{display:block}:root.theme-light .smi-nav .smi-nav__section--logo .smi-nav__logo--dark{display:none}.smi-topbar{background-color:var(--surface-1);box-sizing:border-box;flex-flow:row;flex-shrink:0;justify-content:space-between;align-items:center;gap:9px;padding:12px 24px;display:flex;position:relative}.smi-topbar:after{content:" ";border-bottom:1px solid var(--edge);position:absolute;bottom:0;left:24px;right:24px}.smi-topbar .smi-topbar__heading{flex-grow:1;overflow:hidden}.smi-topbar .smi-topbar__heading h1{text-overflow:ellipsis;white-space:nowrap;color:var(--text-1);margin:0;font-size:1.0625rem;font-weight:700;line-height:1.5rem;overflow:hidden}.smi-topbar .smi-topbar__btn{background-color:var(--action-2);border:1px solid var(--action-2-hover);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.smi-topbar .smi-topbar__btn svg.icon{fill:var(--text-1)}.smi-topbar .smi-topbar__account{background-color:var(--lake);width:36px;height:36px;color:var(--text-1-dark);text-transform:uppercase;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;line-height:1.125rem;display:flex}.static-mockup-app{flex-flow:row;width:100%;height:100%;display:flex}.static-mockup-app .static-mockup-app__main{flex-flow:column;flex:auto;min-width:0;display:flex}.static-mockup-app .static-mockup-app__content{flex:auto;overflow:hidden}