.my-attr-toggles{display:flex;flex-direction:column;gap:16px;margin-bottom:20px;font-family:'Inter',sans-serif}.my-attr-toggles .attr-group-title{font-size:13px;font-weight:700;color:#111827;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;display:block}.my-attr-toggles .attr-group{display:flex;flex-wrap:wrap;gap:8px;margin:0}.my-attr-toggles .toggle{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:40px;padding:0 14px;border:1.5px solid #e5e7eb;border-radius:10px;background:#fff;color:#374151;font-size:14px;font-weight:600;text-decoration:none;transition:all 0.2s cubic-bezier(.4,0,.2,1);cursor:pointer}.my-attr-toggles .toggle:hover{border-color:#111827;color:#111827;background:#f9fafb}.my-attr-toggles .toggle.active{background-color:#111827;color:#fff;border-color:#111827;box-shadow:0 4px 12px rgb(0 0 0 / .15);transform:scale(1.02)}.my-attr-toggles .toggle-color{width:32px;height:32px;min-width:32px;border-radius:50%;padding:0;border:2px solid #fff;outline:1px solid #e5e7eb}.my-attr-toggles .toggle-color.active{outline:2px solid #111827;transform:scale(1.1)}