.compare-studio-form .compare-form{z-index:2;position:relative}.accessory-hub-cat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}@media (min-width:640px){.accessory-hub-cat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.accessory-hub-cat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.accessory-hub-cat-grid--other{margin-top:.35rem}.accessory-hub-cat-other-label{letter-spacing:.1em;text-transform:uppercase;color:#64748b;margin:1rem 0 .35rem;font-size:.6875rem;font-weight:800}.accessory-hub-cat-card{cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;background:linear-gradient(165deg,#0f172abf,#020617eb);border:1px solid #ffffff1a;border-radius:.875rem;flex-direction:column;gap:.25rem;padding:.75rem .85rem;transition:transform .22s,border-color .22s,box-shadow .22s;display:flex;position:relative}.accessory-hub-cat-card:hover{border-color:rgb(var(--brand-rgb) / .28);transform:translateY(-1px)}.accessory-hub-cat-card--active{border-color:rgb(var(--brand-rgb) / .55);background:linear-gradient(165deg, rgb(var(--brand-rgb) / .14) 0%, #020617f2 100%);box-shadow:0 0 0 1px rgb(var(--brand-rgb) / .18) inset, 0 0 28px rgb(var(--brand-rgb) / .14)}.accessory-hub-cat-card__emoji{font-size:1.15rem;line-height:1}.accessory-hub-cat-card__label{color:#f8fafc;padding-right:1.25rem;font-size:.75rem;font-weight:800;line-height:1.35}.accessory-hub-cat-card__check{border:1px solid rgb(var(--brand-rgb) / .45);background:rgb(var(--brand-rgb) / .85);color:#020617;opacity:0;border-radius:999px;justify-content:center;align-items:center;width:1.2rem;height:1.2rem;font-size:.625rem;font-weight:900;transition:opacity .2s,transform .2s;display:inline-flex;position:absolute;top:.5rem;right:.5rem;transform:scale(.85)}.accessory-hub-cat-card--active .accessory-hub-cat-card__check{opacity:1;transform:scale(1)}.accessory-hub-chips{flex-wrap:wrap;gap:.5rem;display:flex}.accessory-hub-budget-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.accessory-hub-chip{color:#cbd5e1;cursor:pointer;min-height:2.35rem;font-size:.8125rem;font-weight:700;font:inherit;background:#0206178c;border:1px solid #ffffff1a;border-radius:999px;align-items:center;padding:.45rem .85rem;transition:border-color .2s,background .2s,color .2s,box-shadow .2s;display:inline-flex}.accessory-hub-chip:hover{color:#e0f2fe;border-color:#38bdf859}.accessory-hub-chip--active{border-color:rgb(var(--brand-rgb) / .55);background:linear-gradient(135deg, rgb(var(--brand-rgb) / .22), #020617d9);color:#f8fafc;box-shadow:0 0 18px rgb(var(--brand-rgb) / .12)}.accessory-hub-rail-spec{border-top:1px solid #ffffff14;margin-top:.15rem;padding-top:.85rem}.accessory-hub-chips--rail{flex-direction:column;align-items:stretch}.accessory-hub-chips--rail .accessory-hub-chip{justify-content:center;width:100%;min-height:2.1rem;padding:.4rem .65rem;font-size:.75rem}@media (max-width:1023px){.accessory-hub-chips--rail{flex-direction:row;align-items:flex-start}.accessory-hub-chips--rail .accessory-hub-chip{flex:0 auto;width:auto}}