/* Official rack art v2 — load LAST after product-specific CSS. */
.rackApp .rackRail .rackUnit,.toolShell .rackRail .rackUnit{
  background-color:#153e58!important;background-position:center!important;background-repeat:no-repeat!important;background-size:100% auto!important;
  border-color:transparent!important;box-shadow:none!important
}
.rackApp .rackRail .rackUnit:nth-child(1),.toolShell .rackRail .rackUnit:nth-child(1){background-image:url("/shared/design-system/rack/v1/assets/2U-cuerpo/2U-BODY-RACK-TOOLS-01.png")!important}
.rackApp .rackRail .rackUnit:nth-child(2),.toolShell .rackRail .rackUnit:nth-child(2){background-image:url("/shared/design-system/rack/v1/assets/2U-cuerpo/2U-BODY-RACK-TOOLS-02.png")!important}
.rackApp .rackRail .rackUnit:nth-child(3),.toolShell .rackRail .rackUnit:nth-child(3){background-image:url("/shared/design-system/rack/v1/assets/2U-cuerpo/2U-BODY-RACK-TOOLS-03.png")!important}
.rackApp .rackRail .rackUnit:nth-child(4),.toolShell .rackRail .rackUnit:nth-child(4){background-image:url("/shared/design-system/rack/v1/assets/2U-cuerpo/2U-BODY-RACK-TOOLS-04.png")!important}
.rackApp .rackRail .rackUnit:nth-child(5),.toolShell .rackRail .rackUnit:nth-child(5){background-image:url("/shared/design-system/rack/v1/assets/2U-cuerpo/2U-BODY-RACK-TOOLS-05.png")!important}
.rackApp .rackRail .rackUnit:nth-child(6),.toolShell .rackRail .rackUnit:nth-child(6){background-image:url("/shared/design-system/rack/v1/assets/2U-cuerpo/2U-BODY-RACK-TOOLS-06.png")!important}
.rackRail .rackUnit:before,.rackRail .rackUnit:after{content:none!important;display:none!important}
.rackRail .rackUnit .rackScrew{display:none!important}

/* Open rack modules: use the official 3U chassis as the visible body frame. */
body[data-rack-key][data-rack-module] .rackModuleBody.active{
  position:relative!important;
  width:100%!important;
  aspect-ratio:1086/550!important;
  min-height:0!important;
  height:auto!important;
  padding:4.7% 5.6%!important;
  overflow:hidden!important;
  background-color:#153e58!important;
  background-position:center!important;
  background-size:contain!important;
  background-repeat:no-repeat!important;
  border:0!important;box-shadow:none!important
}
body[data-rack-key][data-rack-module] .rackModuleBody.active>iframe{
  width:100%!important;height:100%!important;min-height:0!important;border:0!important;background:#0b1014!important
}
body[data-rack-key="audio-tools"][data-rack-module="oscillator"] .rackModuleBody.active,
body[data-rack-key="lighting-tools"][data-rack-module="dmx"] .rackModuleBody.active{background-image:url("/shared/design-system/rack/v1/assets/3U/3U-TOOL-RACK-TOOLS-01.png")!important}
body[data-rack-key="audio-tools"][data-rack-module="rta"] .rackModuleBody.active,
body[data-rack-key="video-tools"][data-rack-module="test"] .rackModuleBody.active,
body[data-rack-key="lighting-tools"][data-rack-module="white"] .rackModuleBody.active{background-image:url("/shared/design-system/rack/v1/assets/3U/3U-TOOL-RACK-TOOLS-02.png")!important}
body[data-rack-key="audio-tools"][data-rack-module="impulse"] .rackModuleBody.active,
body[data-rack-key="video-tools"][data-rack-module="countdown"] .rackModuleBody.active,
body[data-rack-key="lighting-tools"][data-rack-module="copy"] .rackModuleBody.active{background-image:url("/shared/design-system/rack/v1/assets/3U/3U-TOOL-RACK-TOOLS-03.png")!important}
body[data-rack-key="audio-tools"][data-rack-module="spl"] .rackModuleBody.active,
body[data-rack-key="lighting-tools"][data-rack-module="palette"] .rackModuleBody.active{background-image:url("/shared/design-system/rack/v1/assets/3U/3U-TOOL-RACK-TOOLS-04.png")!important}
body[data-rack-key="audio-tools"][data-rack-module="training"] .rackModuleBody.active,
body[data-rack-key="lighting-tools"][data-rack-module="cct"] .rackModuleBody.active{background-image:url("/shared/design-system/rack/v1/assets/3U/3U-TOOL-RACK-TOOLS-05.png")!important}
body[data-rack-key="audio-tools"][data-rack-module="future-6"] .rackModuleBody.active{background-image:url("/shared/design-system/rack/v1/assets/3U/3U-TOOL-RACK-TOOLS-06.png")!important}

/* Pixel Mapping is a single long tool: official scroll body, no rack handles. */
body[data-rack-key="video-tools"][data-rack-module="mapping"] #mapping.rackModuleBody.active{
  aspect-ratio:auto!important;
  min-height:760px!important;height:auto!important;
  padding:5.8% 4.4%!important;
  overflow:visible!important;
  background-color:#17212a!important;
  background-image:url("/shared/design-system/rack/v1/assets/scroll/SCROLL-PANEL-TOP.png"),url("/shared/design-system/rack/v1/assets/scroll/SCROLL-PANEL-BOTTOM.png"),url("/shared/design-system/rack/v1/assets/scroll/SCROLL-PANEL-MIDDLE-TILE.png")!important;
  background-position:top center,bottom center,center top!important;
  background-size:100% auto,100% auto,100% auto!important;
  background-repeat:no-repeat,no-repeat,repeat-y!important
}
@media(max-width:760px){
 body[data-rack-key][data-rack-module] .rackModuleBody.active{padding:4.7% 5.6%!important}
 body[data-rack-key="video-tools"][data-rack-module="mapping"] #mapping.rackModuleBody.active{min-height:640px!important;padding:5.8vw 4.4vw!important}
}