.nav-support{position:relative;font:600 12px/1.5 Manrope,Arial,sans-serif;color:rgba(244,247,245,.66)}
.nav-support>summary{display:flex;align-items:center;gap:7px;list-style:none;padding:9px 10px;cursor:pointer;letter-spacing:.02em;white-space:nowrap}
.nav-support>summary::-webkit-details-marker{display:none}
.nav-support>summary:after{content:'';width:5px;height:5px;border:solid currentColor;border-width:0 1px 1px 0;transform:translateY(-2px) rotate(45deg);transition:transform .18s ease}
.nav-support[open]>summary:after{transform:translateY(1px) rotate(225deg)}
.nav-support>summary:hover,.nav-support[open]>summary,.nav-support.nav-support-active>summary{color:var(--text)}
.nav-support>summary:focus-visible,.nav-support .nav-support-links a:focus-visible{outline:1px solid var(--accent);outline-offset:3px}
.nav-support-links{position:absolute;right:0;top:calc(100% + 12px);min-width:230px;padding:8px;background:#07110e;border:1px solid var(--line-strong);box-shadow:0 15px 30px #0005;z-index:100}
.nav-support .nav-support-links a{display:block;padding:12px 14px;font-size:12px;white-space:nowrap}
.nav-support .nav-support-links a:hover,.nav-support .nav-support-links a.active{color:var(--accent);background:#ffffff05}
@media(max-width:760px){
 .nav-support{margin:0;font-size:14px}
 .nav-support>summary{padding:13px 14px;justify-content:space-between}
 .nav-support-links{position:static;min-width:0;margin:0 14px 8px;padding:4px 0 4px 10px;border:0;border-left:1px solid var(--line-strong);box-shadow:none;background:transparent}
 .nav-support .nav-support-links a{padding:12px 14px;font-size:13px;white-space:normal}
}
@media(prefers-reduced-motion:reduce){.nav-support>summary:after{transition:none}}
