.steel-browse523{margin:0 0 28px;padding:28px;background:#f5f6f8;border:1px solid #e1e5ec;border-radius:20px;color:#263672}.steel-browse523[hidden]{display:none}.steel-heading523{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.steel-heading523 small{font-size:12px;letter-spacing:.16em;color:#64718b}.steel-heading523 h3{font-size:27px;margin:8px 0 0}.steel-heading523>span{font-size:15px;color:#64718b}.steel-groups523{display:flex;gap:12px;flex-wrap:wrap}.steel-groups523 button,.steel-types523 button{display:flex;align-items:center;gap:12px;min-height:52px;padding:14px 18px;border:1px solid #dce1e9;border-radius:12px;background:white;color:inherit;font:inherit;cursor:pointer;text-align:left}.steel-groups523 button{flex:1;min-width:180px;font-size:18px;font-weight:600}.steel-groups523 small{margin-left:auto;font-weight:400;font-size:14px;opacity:.75}.steel-browse523 svg{width:29px;height:29px;flex-shrink:0}.steel-groups523 button[aria-pressed=true]{color:#fff;background:#293976;border-color:#293976}.steel-types523{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-top:20px}.steel-types523 button{font-size:16px}.steel-types523 button[aria-pressed=true]{background:#e7ecf8;border-color:#293976}.steel-types523 button:hover,.steel-groups523 button:hover{border-color:#6174ad}.steel-browse523 button:focus-visible,.steel-browse523 select:focus-visible{outline:3px solid #eba933;outline-offset:3px}.steel-dimensions523{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px;padding-top:20px;border-top:1px solid #dce1e9}.steel-dimensions523 label{display:grid;gap:8px;font-size:15px}.steel-dimensions523 select{width:100%;min-height:48px;background:#fff;color:#25346a;border:1px solid #ccd4e2;border-radius:10px;padding:10px 14px;font:inherit;font-size:17px}@media(max-width:640px){.steel-browse523{padding:18px}.steel-heading523{align-items:start;flex-direction:column}.steel-heading523 h3{font-size:24px}.steel-groups523{gap:8px}.steel-groups523 button{min-width:130px;font-size:16px;padding:12px}.steel-types523{grid-template-columns:1fr 1fr}.steel-types523 button{padding:12px;font-size:14px;gap:8px}.steel-browse523 svg{width:24px;height:24px}.steel-dimensions523{grid-template-columns:1fr}}
