.cb-host{position:relative;display:block;width:100%;user-select:none;-webkit-user-select:none;font-family:"Helvetica Neue","Arial Narrow",Arial,sans-serif}.cb-panel{position:relative;width:100%;background:repeating-linear-gradient(2deg,rgba(0,0,0,.05) 0 2px,transparent 2px 5px),repeating-linear-gradient(178deg,rgba(255,255,255,.025) 0 1px,transparent 1px 4px),linear-gradient(180deg,#5e6a78 0,#4d5664 50%,#404a58 100%);border:7px solid #15181d;border-radius:12px;padding:26px 30px 18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),inset 0 -2px 0 rgba(0,0,0,.5),0 12px 40px rgba(0,0,0,.7);color:#e8edf2}.cb-screw{position:absolute;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#d5dde6 0,#7f8a99 55%,#2a323a 100%);box-shadow:inset 0 1px 1px rgba(255,255,255,.6),inset 0 -2px 2px rgba(0,0,0,.7),0 1px 2px rgba(0,0,0,.7);z-index:5}.cb-screw::after{content:"";position:absolute;inset:4px;background:linear-gradient(45deg,transparent 45%,#1a1d22 45% 55%,transparent 55%)}.cb-screw-tl{top:6px;left:6px}.cb-screw-tr{top:6px;right:6px}.cb-screw-bl{bottom:6px;left:6px}.cb-screw-br{bottom:6px;right:6px}.cb-screw-ml{top:calc(50% - 7px);left:6px}.cb-screw-mr{top:calc(50% - 7px);right:6px}.cb-banner{position:absolute;top:4px;left:50%;transform:translateX(-50%);background:linear-gradient(180deg,#b62a2a 0,#6f1414 100%);color:#fff5ed;font-size:13px;letter-spacing:3px;font-weight:900;padding:4px 16px 5px;border-radius:0 0 4px 4px;border:1px solid #2a0808;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 2px 4px rgba(0,0,0,.5);text-shadow:0 -1px 0 rgba(0,0,0,.7);white-space:nowrap;z-index:6}.cb-rows{display:flex;flex-direction:column;gap:4px;margin-top:14px}.cb-row{display:flex;align-items:stretch;gap:4px}.cb-letter{width:22px;flex:0 0 auto;display:flex;align-items:flex-end;justify-content:center;padding-bottom:12px;font-size:14px;font-weight:800;color:#e8edf2;letter-spacing:1px;text-shadow:0 -1px 0 rgba(0,0,0,.5)}.cb-row-body{position:relative;flex:1 1 auto;min-height:92px;padding-top:26px;padding-bottom:4px}.cb-section{position:absolute;height:7px;border:1px solid #c8d2dc;border-bottom:none;display:flex;align-items:flex-start;justify-content:center;pointer-events:none}.cb-section.l0{top:1px}.cb-section.l1{top:14px}.cb-section>span{display:inline-block;padding:0 5px;font-size:9px;font-weight:800;letter-spacing:1.5px;line-height:1;color:#f0f4f8;background:#4d5664;position:relative;top:-6px;white-space:nowrap}.cb-section.l1>span{font-size:8px;letter-spacing:1px}.cb-grouplbl{position:absolute;top:26px;height:22px;font-size:7.5px;font-weight:700;letter-spacing:.6px;color:#f0f4f8;text-align:center;line-height:1.1;pointer-events:none;display:flex;align-items:flex-start;justify-content:center}.cb-rail{position:absolute;left:0;right:0;bottom:4px;height:30px;background:linear-gradient(180deg,#15181d 0,#060709 100%);border:1px solid #050609;border-radius:3px;box-shadow:inset 0 2px 4px rgba(0,0,0,.85),inset 0 -1px 1px rgba(255,255,255,.05);z-index:0}.cb-cells{position:relative;display:flex;align-items:flex-end;height:66px;z-index:1}.cb-cell{flex:2 0 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:relative;padding:0 1px;height:100%}.cb-cell.span-1{flex:1 0 0}.cb-cell.span-3{flex:3 0 0}.cb-cell.span-4{flex:4 0 0}.cb-sub{font-size:7.5px;font-weight:700;line-height:1.05;letter-spacing:.4px;color:#f5f7fa;text-align:center;padding-top:2px;white-space:nowrap;flex:1 1 auto;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:3px;text-shadow:0 -1px 0 rgba(0,0,0,.4)}.cb-breaker{appearance:none;border:1px solid #04150a;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#3aa052 0,#1f6a2c 50%,#0a3214 100%);color:#f1f6e8;font-family:"Arial Narrow",Helvetica,Arial,sans-serif;font-size:11px;font-weight:800;letter-spacing:0;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;margin-bottom:4px;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 1px rgba(0,0,0,.55),0 1px 1px rgba(0,0,0,.7);transition:filter 80ms;position:relative;z-index:2}.cb-breaker .cb-rating-half{font-size:7px;vertical-align:super;margin-left:-1px}.cb-breaker:hover{filter:brightness(1.18)}.cb-breaker:active{filter:brightness(.92)}.cb-breaker.cb-black{background:radial-gradient(circle at 32% 28%,#44494f 0,#15181d 55%,#050709 100%);color:#e3e8ed;border-color:#04060a;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -1px 1px rgba(0,0,0,.7),0 1px 1px rgba(0,0,0,.7)}.cb-breaker.cb-pulled{background:radial-gradient(circle at 32% 28%,#f6f5ee 0,#d5d3c8 55%,#807e74 100%);color:#14181a;border-color:#1a1d22;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 -1px 1px rgba(0,0,0,.4),0 0 0 2px rgba(245,242,228,.85),0 1px 2px rgba(0,0,0,.7)}.cb-toggle{width:22px;height:14px;border-radius:3px;background:linear-gradient(180deg,#4a4f55 0,#1a1d22 100%);border:1px solid #050609;box-shadow:inset 0 1px 0 rgba(255,255,255,.15),inset 0 -1px 2px rgba(0,0,0,.55);margin-bottom:8px;position:relative;z-index:2}.cb-blank{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#8a8f97 0,#4a4f55 55%,#20242a 100%);border:1px solid #050609;box-shadow:inset 0 2px 3px rgba(0,0,0,.7),inset 0 -1px 1px rgba(255,255,255,.08);margin-bottom:4px;position:relative;z-index:2}.cb-bigsocket{width:48px;height:30px;border-radius:6px;background:linear-gradient(180deg,#15181d 0,#060709 100%);border:1px solid #050609;box-shadow:inset 0 2px 3px rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;margin-bottom:4px;z-index:2}.cb-bigsocket>.cb-blank{width:18px;height:18px;margin:0}.cb-col-numbers{display:flex;margin:4px 30px 0;padding:0 2px;font-size:11px;font-weight:700;color:#d8dde2;text-align:center;letter-spacing:1px}.cb-col-numbers>span{flex:2 0 0;text-align:center}.bay-cb{width:940px;min-height:1100px;flex:0 0 auto;align-self:flex-start;transform-origin:100% 0;transform:translateX(-100px) scale(2)}.bay-cb #cb-mount,.bay-cb .bay-content{width:100%}