body{margin:0;padding-bottom:100px;min-width:320px;min-height:100vh;color:#000d26;background-color:#f6f6f6}.navigation{display:flex;flex-direction:column;align-items:center;background-color:#fff;border:1px solid #f9f9f9;width:80px;padding:20px 0 100px;box-shadow:0 0 8px #0000001a;border-radius:999px;margin:50px 0;position:-webkit-sticky;position:sticky;top:50px;overflow-y:auto;float:left}.navigation ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:20px;width:100%;justify-content:center;align-items:center}.navigation li{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;width:100%}.navigation li.active a{background-color:#eff4fc;color:#0162e2}.navigation a{display:block;text-decoration:none;width:100%;padding:6px 0;transition:background-color .3s;color:#000}.navigation a:hover{background-color:#e9ecef}