.design-compare{background:#091910;border-top:1px solid #9abc7926;color:#9cb48b;font-family:Inter,sans-serif;padding:19px 0;font-size:10px}
.design-compare>.container{display:flex;align-items:center;justify-content:space-between;gap:24px}
.design-compare>.container>span{text-transform:uppercase;letter-spacing:.12em;font-size:8px;white-space:nowrap}
.design-compare nav{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px}
.design-compare a{display:flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid transparent;border-radius:999px;color:inherit;font-size:10px;white-space:nowrap}
.design-compare a>span{opacity:.5;font-size:8px}
.design-compare a[aria-current=true]{border-color:#9abc7950;color:#d6e8c1;background:#b6ef8a0a}
.design-compare a:hover{border-color:#9abc7950}
.design-compare small{font-size:9px;opacity:.7}
@media(max-width:800px){.design-compare>.container{flex-wrap:wrap;justify-content:center;gap:12px}.design-compare small{display:none}.design-compare nav{justify-content:center;gap:3px}.design-compare a{font-size:9px;padding:9px 10px}}
@media(max-width:400px){.design-compare>.container>span{width:100%;text-align:center}.design-compare a{padding:8px 9px;font-size:9px;gap:5px}}
@media(prefers-reduced-motion:reduce){.design-compare *{transition:none!important}}