@layer components{.steel-beam-sizes-page .steel-beam-sizes-hero-title{font-size:clamp(28px,3.6vw,52px);line-height:1.08}.steel-beam-sizes-page .steel-beam-sizes-hero-subtitle{font-size:clamp(15px,1.2vw,22px);font-weight:500;line-height:1.45}.steel-beam-sizes-page .steel-table-compare,.steel-beam-sizes-page .steel-table-row-action{white-space:nowrap;width:1%}.steel-beam-sizes-page .steel-table-scroll{-webkit-overflow-scrolling:touch;max-height:min(70vh,40rem);overflow:auto}.steel-beam-sizes-page .steel-table-scroll thead th{background-color:var(--n-50)}.steel-beam-sizes-page tr.steel-row-selected>td:first-child{box-shadow:inset 4px 0 var(--bs-800)}.steel-beam-sizes-page .steel-chip-scroll{touch-action:pan-x;scrollbar-width:thin}.steel-beam-sizes-page .steel-chip-scroll::-webkit-scrollbar{height:4px}.steel-beam-sizes-page .steel-chip-scroll::-webkit-scrollbar-thumb{background:var(--n-300);border-radius:9999px}.steel-beam-sizes-page .steel-table-scroll td.steel-col-sticky,.steel-beam-sizes-page .steel-table-scroll th.steel-col-sticky{background-color:var(--n-0);background-clip:padding-box;position:sticky}.steel-beam-sizes-page .steel-table-scroll thead th.steel-col-sticky{z-index:4;background-color:var(--n-50)}.steel-beam-sizes-page .steel-table-scroll tbody td.steel-col-sticky{z-index:2}.steel-beam-sizes-page .steel-table-scroll tr.steel-row-selected td.steel-col-sticky,.steel-beam-sizes-page .steel-table-scroll tr.steel-row-selected:hover td.steel-col-sticky,.steel-beam-sizes-page .steel-table-scroll tr:hover td.steel-col-sticky{background-color:var(--bs-50)}.steel-beam-sizes-page .steel-col-sticky-0{left:0}.steel-beam-sizes-page .steel-col-sticky-1{min-width:6.5rem;left:2.5rem}.steel-beam-sizes-page .steel-col-sticky-2{left:9.25rem}.steel-beam-sizes-page .steel-col-sticky-3{left:13.75rem}.steel-beam-sizes-page .steel-col-sticky-4{left:18.25rem}.steel-beam-sizes-page .steel-col-sticky-edge{box-shadow:6px 0 8px -6px #0f172a38}.steel-beam-sizes-page .steel-compare-tray{padding-bottom:max(.75rem,env(safe-area-inset-bottom))}.steel-beam-sizes-page .steel-selected-sheet{z-index:40;pointer-events:none;position:fixed;inset:0}.steel-beam-sizes-page .steel-selected-sheet.is-open{pointer-events:auto}.steel-beam-sizes-page .steel-selected-sheet__backdrop{opacity:0;cursor:pointer;background:#0f172a73;border:0;margin:0;padding:0;transition:opacity .2s;position:absolute;inset:0}.steel-beam-sizes-page .steel-selected-sheet.is-open .steel-selected-sheet__backdrop{opacity:1}.steel-beam-sizes-page .steel-selected-sheet__panel{max-height:min(88vh,40rem);padding-bottom:env(safe-area-inset-bottom);background:var(--n-0);border-radius:6px 6px 0 0;flex-direction:column;transition:transform .28s;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(105%);box-shadow:0 -12px 40px #0f172a2e}.steel-beam-sizes-page .steel-selected-sheet.is-open .steel-selected-sheet__panel{transform:translateY(0)}.steel-beam-sizes-page .steel-selected-sheet__handle{background:var(--n-300);border-radius:9999px;flex-shrink:0;width:2.5rem;height:.25rem;margin:.625rem auto 0}.steel-beam-sizes-page .steel-selected-sheet__header{border-bottom:1px solid var(--n-200);flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem .5rem;display:flex}.steel-beam-sizes-page .steel-selected-sheet__body{-webkit-overflow-scrolling:touch;flex:auto;padding:.75rem 1rem 1.25rem;overflow:auto}.steel-beam-sizes-page .steel-selected-sheet__body>section{box-shadow:none;border:0;padding:0}.steel-beam-sizes-page .steel-selected-sheet__body .steel-section-diagram-wrap{justify-content:center;align-items:center;height:min(10rem,28vh);max-height:min(10rem,28vh);display:flex;overflow:hidden;min-height:0!important}.steel-beam-sizes-page .steel-selected-sheet__body .steel-section-diagram-wrap svg{max-width:100%;max-height:100%;width:auto!important;height:100%!important}.steel-beam-sizes-page #steel-section-diagram.steel-section-diagram-wrap{justify-content:center;align-items:center;height:min(17rem,38vh);max-height:min(17rem,38vh);display:flex;overflow:hidden;min-height:0!important}.steel-beam-sizes-page #steel-section-diagram.steel-section-diagram-wrap svg{max-width:100%;max-height:100%;width:auto!important;height:100%!important}@media (min-width:640px){.steel-beam-sizes-page #steel-section-diagram.steel-section-diagram-wrap{height:min(19rem,42vh);max-height:min(19rem,42vh)}}@media (max-width:639px){.steel-beam-sizes-page #steel-section-props{width:100%;min-width:0;display:block}.steel-beam-sizes-page #steel-section-props tbody,.steel-beam-sizes-page #steel-section-props thead{display:block}.steel-beam-sizes-page #steel-section-props tr{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);display:grid}.steel-beam-sizes-page #steel-section-props thead th:first-child{display:none}.steel-beam-sizes-page #steel-section-props thead [data-unit-col]{min-width:0;padding:.5rem!important}.steel-beam-sizes-page #steel-section-props tbody th{white-space:normal;grid-column:1/-1;min-width:0;padding:.75rem 0 .25rem!important}.steel-beam-sizes-page #steel-section-props tbody td{font-variant-numeric:tabular-nums;min-width:0;font-size:.8125rem;padding:.5rem!important}.steel-beam-sizes-page #steel-section-props tbody [data-unit-col=metric]{font-size:.75rem;padding-left:.25rem!important;padding-right:.25rem!important}}@media (min-width:1024px){.steel-beam-sizes-page #steel-section-diagram.steel-section-diagram-wrap{height:min(20rem,46vh);max-height:min(20rem,46vh)}}@media (min-width:1280px){.steel-beam-sizes-page .steel-selected-sheet{display:none!important}}}