:root{--sidebar:196px}
.topbar{justify-content:flex-end}
.topbar .nav{display:none}
.sidebar{width:var(--sidebar);align-items:stretch;padding:18px 12px;overflow-y:auto;scrollbar-width:none}
.sidebar::-webkit-scrollbar{display:none}
.sidebar .mark{align-self:center;margin-bottom:20px}
.sidebar .side-link{flex:0 0 auto;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:11px;width:100%;min-height:52px;padding:9px 11px;text-align:left;border-radius:11px}
.sidebar .side-link .side-icon{font-size:20px;line-height:1;width:23px;flex:none;text-align:center}
.sidebar .side-link span:last-child{font-size:13px;line-height:1.25;font-weight:500}
.sidebar .side-link:hover{background:#fff}
.sidebar .side-spacer{min-height:10px}
@media(max-width:900px){:root{--sidebar:166px}.sidebar{display:flex;width:var(--sidebar)}.topbar,main,footer{margin-left:var(--sidebar)}}
@media(max-width:600px){:root{--sidebar:132px}.sidebar{width:var(--sidebar);padding:12px 6px}.sidebar .side-link{gap:6px;min-height:49px;padding:7px 6px}.sidebar .side-link .side-icon{font-size:17px;width:18px}.sidebar .side-link span:last-child{font-size:11px}.topbar{height:62px;display:flex;margin-left:var(--sidebar);padding:0 15px}main,footer{margin-left:var(--sidebar)}.wrap{width:calc(100% - 20px)}}
@media(max-width:420px){:root{--sidebar:120px}.sidebar{width:var(--sidebar)}.topbar,main,footer{margin-left:var(--sidebar)}}
.sidebar .mark{width:100%;height:auto;min-height:40px;border:0;border-radius:0;display:flex;align-items:center;gap:8px;margin:0 auto 2px;font-size:13px;line-height:1.15;font-weight:800;letter-spacing:-.3px;color:#242329;white-space:normal}
.sidebar .mark:before{display:none}
.sidebar .mark img{width:35px;height:35px;display:block;flex:none}
.sidebar .brand-tagline{align-self:center;margin:0 0 19px;text-align:center;font-size:10px;line-height:1.25;color:#77717e;white-space:nowrap}
.sidebar .side-pricing{border-top:1px solid #e7e8ed;padding-top:10px;margin-top:8px;flex:none;width:100%}
.sidebar .side-pricing .side-link{margin:0}
.foot-logo{display:flex;align-items:center;gap:9px}
.foot-logo img{width:30px;height:30px;display:block}
@media(max-width:600px){.sidebar .mark{gap:5px;font-size:11px;letter-spacing:-.3px}.sidebar .mark img{width:27px;height:27px}.sidebar .brand-tagline{font-size:9px;white-space:normal;max-width:110px}}