.qa-after-reveal{clip-path:inset(0 0 0 var(--compare))}.compare-before-tag{left:12px;right:auto}.compare-after-tag{right:12px;left:auto}.qa-example-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0 0}.qa-example-tabs button{background:none;border:1px solid #79946470;color:#bfcdb1;padding:9px 11px;font-size:9px;cursor:pointer}.qa-example-tabs button[aria-pressed=true]{background:#eeb165;border-color:#eeb165;color:#132012}.qa-example-tabs button:focus-visible{outline:2px solid white;outline-offset:3px}.qa-sample .qa-comparison{height:310px}.qa-comparison>img,.qa-after-reveal img{background:#121b12}.belt-logo.logo-ferrier{width:195px}.belt-logo.logo-ferrier img{filter:grayscale(1) invert(1);mix-blend-mode:screen;opacity:.95}.service-pipe.pipe-one{top:35px}.service-pipe.pipe-two{top:0}.cable-tray{top:-95px}.model-sprinkler{width:150px;left:155px;top:-5px;transform:translateZ(135px) rotateZ(90deg)}.model-duct{width:60px;height:160px;left:110px;top:-80px;transform:translateZ(125px);background:linear-gradient(90deg,#68766f,#d0d8cc 45%,#859383);border:2px solid #b3c2b2;box-shadow:0 8px 0 #4c5a42}.model-duct:after{inset:auto 0 -8px;height:8px;background:#35462f;border:0}.model-duct span{bottom:10px;left:8px;color:#23311f}.service-firestops{position:absolute;inset:0;pointer-events:none}.service-firestops>i{position:absolute;top:0;box-sizing:border-box;border:4px solid #fffdf0;box-shadow:0 0 6px #fff7;transform-origin:top;transform:rotateX(-90deg) translateY(var(--seal-y)) translateZ(1px)}.seal-pipe-one{left:175px;width:40px;height:40px;border-radius:50%;--seal-y:-110px}.seal-pipe-two{left:61px;width:28px;height:28px;border-radius:50%;--seal-y:-71px}.seal-cables{left:239px;width:67px;height:24px;--seal-y:-125px}.seal-duct{left:106px;width:68px;height:30px;--seal-y:-142px}.seal-sprinkler{left:222px;width:16px;height:16px;border-radius:50%;--seal-y:-143px}#cutaway-world .model-board,#cutaway-world .pipe-collar,#cutaway-world .model-joint{display:none}
.model-back{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='330' height='150'%3E%3Crect width='330' height='150' fill='white'/%3E%3Ccircle cx='195' cy='60' r='17' fill='black'/%3E%3Ccircle cx='75' cy='93' r='11' fill='black'/%3E%3Crect x='242' y='28' width='61' height='18' fill='black'/%3E%3Crect x='109' y='11' width='62' height='24' fill='black'/%3E%3Ccircle cx='230' cy='15' r='5' fill='black'/%3E%3C/svg%3E");mask-mode:luminance}
@media(max-width:650px){.qa-sample .qa-comparison{height:280px}.qa-example-tabs button{font-size:8px;padding:9px}.belt-logo.logo-ferrier{width:165px}}

#cutaway-world .service-firestops{filter:none!important}#cutaway-world .service-firestops>i{border-width:5px;box-shadow:0 0 0 1px #263421,0 0 12px #fff9;transform:rotateX(-90deg) translateY(var(--seal-y)) translateZ(3px)}