.pixel-series-browser .flood-series-tab{min-height:72px}
.pixel-series-browser .flood-series-tab small{display:block;margin-top:5px;font-size:13px;font-weight:500}
.pixel-series-browser .flood-series-product-image{background:#fff}
.pixel-series-browser .flood-series-product-image img{width:auto;height:auto;max-width:90%;max-height:90%;object-fit:contain}
.pixel-page .fg-stage img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
.pixel-page .fg-hero .fg-stage{height:400px}
.pixel-page .fg-gallery-note,.pixel-page .fg-support-note{font-size:12px}
.pixel-page .fg-thumb small{font-size:11px}
.pixel-page .fg-model-buttons button{font-size:12px;overflow-wrap:anywhere}
.pixel-page .fg-quick{grid-template-columns:repeat(2,minmax(0,1fr))}
.pixel-page .fg-quick dt{font-size:11px}
.pixel-page .fg-quick dd{font-size:15px}
.pixel-page .fg-description,.pixel-page .fg-general p,.pixel-page .fg-section-head>p,.pixel-page .fg-spec span,.pixel-page .fg-spec strong{font-size:14px;line-height:1.65}
.pixel-page .fg-spec strong{overflow-wrap:anywhere}
.pixel-page .fg-comparison th,.pixel-page .fg-comparison td{overflow-wrap:anywhere;min-width:0;font-size:13px}
.pixel-page .fg-comparison thead button{font-size:12px;overflow-wrap:anywhere;min-height:44px}
.pixel-page .fg-table-scroll table{table-layout:fixed;min-width:0;width:100%}
.pixel-page .fg-comparison th:first-child{width:22%}
.pixel-page .pixel-measurement-note{font-size:12px;line-height:1.6;color:#4f616d;margin-top:14px}
.pixel-page .pixel-optical{background:#f5f7f7}
.pixel-page .pixel-optical-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-bottom:24px}
.pixel-page .pixel-optical figure,.pixel-page .pixel-drawings figure{margin:0;min-width:0}
.pixel-page .pixel-optical figure,.pixel-page .pixel-optical-summary{background:#fff;padding:24px;border:1px solid #d9dfe3;min-width:0}
.pixel-page .pixel-optical figcaption,.pixel-page .pixel-optical-summary h3{margin:0;font-size:18px;font-weight:700;line-height:1.5}
.pixel-page .pixel-optical figcaption span,.pixel-page .pixel-optical-model{display:block;margin:4px 0 0;font-size:14px;font-weight:500;line-height:1.6;color:#4f616d;overflow-wrap:anywhere}
.pixel-page .pixel-optical-values{margin:20px 0 24px}
.pixel-page .pixel-optical-values>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;border-bottom:1px solid #d9dfe3}
.pixel-page .pixel-optical-values dt{font-size:16px;line-height:1.5;color:#4f616d}
.pixel-page .pixel-optical-values dd{margin:0;font-size:48px;font-weight:700;line-height:1.2;color:#17232b}
.pixel-page .pixel-optical-note{margin:0;font-size:16px;line-height:1.65;color:#4f616d}
.pixel-page .pixel-optical .fg-section-head>p{font-size:16px;line-height:1.65}
.pixel-page .pixel-optical figure>a{display:grid;grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;height:290px;margin-block:10px}
.pixel-page .pixel-optical img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
.pixel-page .pixel-optical figure>p{font-size:16px;line-height:1.65;color:#4f616d;margin:12px 0 0}
.pixel-page .pixel-drawings h3{font-size:15px;overflow-wrap:anywhere;margin-block:20px 16px}
.pixel-page .pixel-drawing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.pixel-page .pixel-drawing-grid figure>a:first-child{display:grid;grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;height:180px;border:1px solid #d9dfe3;background:#fff}
.pixel-page .pixel-drawing-grid img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
.pixel-page .pixel-drawing-grid figcaption{font-size:13px;font-weight:700;line-height:1.5;margin-block:10px 5px}
.pixel-page .pixel-drawing-grid figure>a:last-child{display:inline-flex;align-items:center;min-height:44px;font-size:13px}
.pixel-page .pixel-application-list{display:grid;gap:20px}
.pixel-page .pixel-application{display:grid;grid-template-columns:minmax(0,.38fr) minmax(0,.62fr);gap:20px;align-items:start;padding-bottom:20px;border-bottom:1px solid #d9dfe3}
.pixel-page .pixel-application:last-child{padding-bottom:0;border-bottom:0}
.pixel-page .pixel-application figure{margin:0;min-width:0}
.pixel-page .pixel-application img{display:block;width:100%;height:auto;border-radius:4px}
.pixel-page .pixel-application figcaption{margin-top:7px;font-size:12px;line-height:1.5;color:#64727a}
.pixel-page .pixel-application-copy{min-width:0}
.pixel-page[data-group] .pixel-application-copy h3{margin:0 0 8px;font-size:18px;line-height:1.35}
.pixel-page[data-group] .pixel-application-copy p{font-size:15px;line-height:1.65}
.pixel-page .fg-related img{width:auto;height:auto;max-width:90%;max-height:90%;object-fit:contain}
.pixel-page .fg-related>a>div{display:grid;grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;background:#fff}
.pixel-page .fg-related{grid-template-columns:repeat(2,minmax(0,1fr))}
.pixel-page .pixel-image-dialog{width:min(1100px,96vw);max-width:96vw;max-height:92dvh;padding:50px 20px 20px;border:1px solid #d9dfe3;border-radius:8px;background:#fff;overflow:auto}
.pixel-page .pixel-image-dialog::backdrop{background:rgba(10,20,25,.8)}
.pixel-page .pixel-image-dialog img{display:block;margin:auto;width:auto;height:auto;max-width:100%;max-height:calc(92dvh - 90px);object-fit:contain}
.pixel-page .pixel-image-dialog button{position:absolute;top:5px;right:10px;min-width:44px;min-height:44px;border:0;background:#fff;color:#17232b;font-size:30px}
html.pixel-image-open{overflow:hidden}
@media(max-width:599px){
 .pixel-page .pixel-application{grid-template-columns:1fr;gap:14px}
 .pixel-page[data-group] .pixel-application-copy h3{font-size:19px}
}
.pixel-page a:focus-visible,.pixel-page button:focus-visible{outline:3px solid #af4800;outline-offset:3px}
.pixel-page [id]{scroll-margin-top:calc(var(--crane-header-height,72px) + 75px)}
@media(max-width:767px){
 .pixel-page .fg-hero .fg-stage{height:260px}
 .pixel-page .fg-model-buttons{flex-wrap:wrap;overflow-x:visible}
 .pixel-page .fg-model-buttons button{max-width:100%}
 .pixel-page .fg-flat-grid{grid-template-columns:1fr}
 .pixel-page .pixel-optical-grid{grid-template-columns:1fr;gap:20px}
 .pixel-page .pixel-optical figure,.pixel-page .pixel-optical-summary{padding:20px}
 .pixel-page .pixel-optical figure>a{height:250px}
 .pixel-page .pixel-optical-values dd{font-size:40px}
 .pixel-page .pixel-optical-model,.pixel-page .pixel-optical figcaption span{font-size:16px}
 .pixel-page .pixel-drawing-grid{grid-template-columns:1fr}
 .pixel-page .pixel-drawing-grid figure>a:first-child{height:230px}
 .pixel-page .fg-related{grid-template-columns:1fr}
 .pixel-page .fg-comparison th,.pixel-page .fg-comparison td{font-size:14px;padding:12px 5px;line-height:1.55}
 .pixel-page .fg-comparison thead button{font-size:13px;padding:6px 2px}
 .pixel-page .fg-comparison th:first-child{width:24%}
 .pixel-page .fg-localnav a{font-size:12px}
}

/* Pixel gallery hover magnifier, shared by YY, FD and CH. */
.pixel-page .pixel-zoom-ready{position:relative;isolation:isolate;overflow:hidden}
.pixel-page .pixel-hover-preview{position:absolute;inset:0;z-index:2;overflow:hidden;box-sizing:border-box;pointer-events:none;background:#fff}
.pixel-page .pixel-hover-preview>img{position:absolute;left:0;top:0;display:block;margin:0;max-width:none!important;max-height:none!important;object-fit:fill;transform-origin:0 0;will-change:transform}
.pixel-page .pixel-hover-preview[hidden]{display:none!important}
@media(hover:hover) and (pointer:fine){.pixel-page .pixel-zoom-ready{cursor:zoom-in}}