.loop-family-bar{position:sticky;top:0;z-index:20;background:#000000;color:#ffffff;border-bottom:1px solid #666666;box-shadow:0 7px 18px #0000002a}
.loop-family-inner{width:min(1180px,calc(100% - 32px));min-height:42px;margin:auto;display:flex;align-items:center;gap:6px;padding:4px 0}
.loop-family-inner a{display:inline-flex;align-items:center;gap:6px;min-height:33px;border:1px solid transparent;border-radius:999px;padding:5px 14px;color:#e5e5e5;font:800 12px/1.4 Inter,system-ui,sans-serif;text-decoration:none;white-space:nowrap}
.loop-family-inner a[aria-current=page]{background:#ff0000;color:#000000}.loop-family-inner a:not([aria-current]):hover{background:#ffffff1b;color:#fff}.loop-family-inner a:last-child span{font-size:9px}
.bar{top:42px}
@media(max-width:500px){.loop-family-inner{width:calc(100% - 18px);justify-content:space-between;gap:2px}.loop-family-inner a{font-size:10px;padding:5px 7px}}
@media(max-width:500px){.loop-family-inner a{min-height:38px;font-size:clamp(11px,2.9vw,13px);padding:6px 9px}}
@media(max-width:380px){.loop-family-inner a{font-size:10px;padding-inline:5px}}