.navigation-settings>header{display:flex;align-items:center;gap:10px;margin-bottom:20px}.navigation-settings>header>div{flex:1}.navigation-settings h2{font:700 30px Georgia,serif;color:#0a2349;margin:0}.navigation-settings>header p{margin:6px 0 0;color:#6e7b8f}.navigation-settings>header>button{padding:12px 18px}.navigation-layout{display:grid;grid-template-columns:minmax(570px,1fr) 310px;gap:20px}.navigation-editor,.navigation-preview{border:1px solid #d2dce8;border-radius:8px;background:#fff;overflow:hidden}.navigation-editor>header{position:static!important;display:flex;align-items:center;padding:18px 20px;border-bottom:1px solid #e1e7ef}.navigation-editor>header div{flex:1}.navigation-editor h3,.navigation-preview h3{font:700 21px Georgia,serif;margin:0;color:#122848}.navigation-editor header p,.navigation-preview header p{margin:4px 0 0;color:#728095}.navigation-editor>header>span{background:#edf3fb;color:#17539d;border-radius:12px;padding:5px 10px;font-size:11px;font-weight:700}.navigation-item{min-height:67px;display:grid;grid-template-columns:24px 40px 1fr 105px 78px;gap:10px;align-items:center;padding:9px 17px;border-bottom:1px solid #e5eaf1}.navigation-item:hover{background:#f8fafd}.navigation-item.is-hidden{background:#fafafa;opacity:.72}.navigation-grip{color:#9ba7b7;font-weight:700}.navigation-item-icon{width:38px;height:38px;border-radius:6px;background:#eaf1fb;color:#174e95;display:grid;place-items:center;font-style:normal}.navigation-item-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7}.navigation-item b,.navigation-item small{display:block}.navigation-item b{font-size:14px}.navigation-item small{font-size:11px;color:#7a8798;margin-top:3px}.navigation-visible{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700}.navigation-visible input{display:none}.navigation-visible span{width:33px;height:18px;border-radius:10px;background:#b9c4d2;position:relative}.navigation-visible span:after{content:'';position:absolute;width:12px;height:12px;top:3px;left:3px;border-radius:50%;background:#fff;transition:.2s}.navigation-visible input:checked+span{background:#1760b8}.navigation-visible input:checked+span:after{left:18px}.navigation-visible input:disabled+span{background:#c5a04e}.navigation-move{display:flex;gap:5px}.navigation-move button{width:34px;height:34px;border:1px solid #c9d4e1;background:#fff;border-radius:5px;color:#184f91;font-size:17px}.navigation-move button:disabled{opacity:.3}.navigation-editor>footer{display:flex;gap:10px;padding:14px 18px;background:#f5f8fc;color:#647287}.navigation-editor>footer i{color:#b07d18}.navigation-editor>footer p{margin:0}.navigation-preview{background:#0b1d35;color:#fff;min-height:600px;display:flex;flex-direction:column}.navigation-preview>header{position:static!important;padding:17px 20px;background:#fff;color:#142746;border-bottom:1px solid #d9e1eb}.navigation-preview-brand{height:90px;display:flex;align-items:center;padding:17px}.navigation-preview-brand img{max-width:190px;max-height:55px}.navigation-preview-links{flex:1}.navigation-preview-links>div{height:47px;display:flex;align-items:center;gap:13px;padding:0 18px;color:#e3eaf4;border-left:4px solid transparent}.navigation-preview-links>div.active{background:#243e64;border-left-color:#d2a134;color:#f1bd43}.navigation-preview-links i{width:25px;font-style:normal}.navigation-preview-links svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7}.navigation-preview-user{display:flex;align-items:center;gap:10px;padding:15px 18px;background:#18355c}.navigation-preview-user>i{width:38px;height:38px;border:1px solid #92a5bd;border-radius:50%;display:grid;place-items:center;font-style:normal}.navigation-preview-user b,.navigation-preview-user small{display:block}.navigation-preview-user small{color:#bdc9d8}@media(max-width:1050px){.navigation-layout{grid-template-columns:1fr}.navigation-preview{display:none}}