/* left page menu */
.snav{position:fixed;top:0;left:0;bottom:0;width:224px;background:var(--acc);color:#fff;display:flex;flex-direction:column;z-index:30;transition:width .18s ease;overflow:hidden}
.snav .sb-top{display:flex;align-items:center;gap:10px;padding:14px 14px 10px}.snav .sb-top img{width:34px;height:34px;border-radius:9px;flex:none}.snav .sb-top b{font-weight:600;white-space:nowrap}
.snav .sb-pos{margin:4px 12px 10px;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border-radius:11px;background:#fff;color:var(--acc);font-weight:700;font-size:14px;text-decoration:none;white-space:nowrap;border:0;cursor:pointer;font-family:inherit}
.snav nav{flex:1;overflow-y:auto;padding:4px 8px;display:grid;align-content:start;gap:2px}
.snav nav a{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:10px;color:#f3dfe5;text-decoration:none;font-size:14px;white-space:nowrap}
.snav nav a svg{flex:none;width:19px;height:19px}.snav nav a:hover{background:rgba(255,255,255,.1);color:#fff}
.snav nav a[aria-current=page]{background:rgba(255,255,255,.18);color:#fff;font-weight:600}
.snav nav .sep{height:1px;background:rgba(255,255,255,.15);margin:8px 6px}
.snav nav a .bd{margin-left:auto;background:#fff;color:var(--acc);font-size:11px;font-weight:700;border-radius:999px;padding:0 7px}
.snav .sb-foot{border-top:1px solid rgba(255,255,255,.15);padding:10px 12px;display:flex;align-items:center;gap:10px}
.snav .sb-foot i{font-style:normal;width:32px;height:32px;border-radius:50%;background:#fff;color:var(--acc);display:grid;place-items:center;font-weight:700;flex:none}
.snav .sb-foot span{font-size:13px;line-height:1.25;white-space:nowrap}.snav .sb-foot small{display:block;color:#e6c9d1;font-size:12px}
.snav .sb-col{all:unset;cursor:pointer;margin-left:auto;color:#e6c9d1;font-size:18px;padding:2px 6px;border-radius:6px}
.snav a:focus-visible,.snav button:focus-visible{outline:2px solid #fff;outline-offset:2px}
body.has-snav{padding-left:224px}
body.snav-mini .snav{width:66px}body.snav-mini{padding-left:66px}
body.snav-mini .snav .lbl,body.snav-mini .snav .sb-top b,body.snav-mini .snav .sb-foot span,body.snav-mini .snav nav a .bd{display:none}
body.snav-mini .snav nav a{justify-content:center}body.snav-mini .snav .sb-foot{flex-direction:column}body.snav-mini .snav .sb-col{margin:0}
.mtop{display:none}
@media (max-width:860px){body.has-snav,body.snav-mini{padding-left:0}.snav{transform:translateX(-100%);width:248px!important;transition:transform .2s ease}body.snav-open .snav{transform:none;box-shadow:20px 0 50px rgba(30,5,12,.3)}body.snav-mini .snav .lbl,body.snav-mini .snav .sb-top b,body.snav-mini .snav .sb-foot span{display:inline}body.snav-mini .snav nav a{justify-content:flex-start}body.snav-mini .snav .sb-foot{flex-direction:row}.snav .sb-col{display:none}
 .mtop{display:flex;align-items:center;gap:10px;background:var(--acc);color:#fff;padding:10px 14px;position:sticky;top:0;z-index:20}.mtop button{all:unset;cursor:pointer;font-size:22px;line-height:1;padding:2px 6px}.mtop img{width:28px;height:28px;border-radius:7px}.mtop b{font-weight:600}
 .snav-scrim{position:fixed;inset:0;background:rgba(29,23,25,.4);z-index:29}}
@media (prefers-reduced-motion:reduce){.snav{transition:none}}
.snav .sb-srch{margin:0 12px 8px;display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.12);color:#f3dfe5;border:0;cursor:pointer;font:inherit;font-size:13.5px;white-space:nowrap}.snav .sb-srch kbd{margin-left:auto;font-family:inherit;font-size:10.5px;font-weight:500;background:rgba(255,255,255,.18);padding:1px 5px;border-radius:5px}.snav .sb-srch:hover{background:rgba(255,255,255,.2)}