/* The same photographic rack hardware as Extreme Stereo, sliced so its
   corner bolts keep their proportions while the chassis grows vertically. */
.translation-unit{width:100%;margin:0;padding:42px 66px 35px;background:none;border:0;border-radius:5px;box-shadow:0 6px 5px #0008;isolation:isolate}
.matched-chassis{position:absolute;inset:0;display:grid;grid-template-columns:5.3% 1fr 5.3%;grid-template-rows:auto 1fr auto;pointer-events:none;z-index:-1}
.piece-topleft,.piece-topright{aspect-ratio:110/100}.piece-bottomleft,.piece-bottomright{aspect-ratio:110/84}
.chassis-piece{display:block;background-image:var(--rack-photo);background-repeat:no-repeat}
.translation-unit .unit-heading{margin-bottom:17px}
.translation-unit .channels{gap:22px}
.translation-unit .translation-footer{padding-top:7px;gap:22px}
.status-dock{max-width:590px;margin:12px auto 0;padding:6px 9px 9px;background:linear-gradient(110deg,#3b4142,#171e21 55%,#313b3e);border:1px solid #111a1d;border-top:2px solid #546164;border-bottom:3px solid #10181b;border-radius:7px;box-shadow:inset 0 1px #aeb9b34d,0 1px #edf1e5,0 2px 4px #0008}
.status-bezel-label{display:flex;justify-content:space-between;margin:0 3px 5px;color:#d3dad2;font:6px/1.4 var(--mono);letter-spacing:1.3px}
.status-bezel-label>span:last-child{color:#ddad63;font-size:7px;text-shadow:0 0 5px #d99535}
.status-lcd{position:relative;padding:7px 11px 8px;overflow:hidden;color:#3b2a12;background:repeating-linear-gradient(0deg,#4b2a0806 0 1px,transparent 1px 3px),linear-gradient(110deg,#edd2a0,#dcb679 55%,#c9a16b);border:2px solid #0e191a;border-bottom-color:#6f786d;border-radius:3px;box-shadow:inset 0 2px 6px #45250055,0 1px #ced3c163;text-shadow:0 1px #ffe2ab66}
.status-lcd:after{content:'';position:absolute;inset:0;background:linear-gradient(155deg,#fff2,transparent 45%);pointer-events:none}
.status-overline{display:flex;align-items:center;gap:7px;padding-bottom:4px;border-bottom:1px solid #5a401c4d;font:9px/1.2 var(--mono);letter-spacing:1px}
.status-symbol{font-size:13px;line-height:1}.status-channel{margin-left:auto;font-size:7px;letter-spacing:.7px}
.translation-unit .system-message,.translation-unit .system-message.is-error{display:block;min-height:0;margin:0;padding:6px 0 0;border:0;box-shadow:none;background:none;color:inherit;font:11px/1.45 var(--mono);text-align:left;text-shadow:inherit}
.status-dock[data-state=working] .status-symbol{animation:monitor-pulse 1s steps(2,end) infinite}
.status-dock[data-state=success] .status-bezel-label>span:last-child{color:#a8f17a;text-shadow:0 0 5px #91e968}
.status-dock[data-state=error] .status-lcd,.status-dock[data-state=limit] .status-lcd{background:repeating-linear-gradient(0deg,#4b2a0806 0 1px,transparent 1px 3px),linear-gradient(110deg,#eac78f,#d6a573);color:#4b2112}
.rack-spacer,.rack-feet{position:relative;display:flex;justify-content:space-between;align-items:stretch;height:10px;padding:0 11%;z-index:1}
.rack-spacer i,.rack-feet i{display:block;position:relative;width:65px;height:10px;border:1px solid #65727a;border-top:1px solid #edf2eb;border-bottom:2px solid #11191d;border-radius:0 0 45% 45% / 0 0 3px 3px;background:linear-gradient(90deg,#536168,#a9b8be 10%,#f4f7ef 27%,#9eacb0 51%,#dfe7df 77%,#5c6a70);box-shadow:inset 0 2px #b9c4c9,inset 0 3px #5c6b70,inset 0 4px #e1e7e3,0 2px 2px #0009}
.receiver>.audio-unit,.receiver>.projects-divider,.receiver>.project-unit.wordcommando-ad,.receiver>.records-unit{margin-top:0}
@keyframes monitor-pulse{50%{opacity:.35}}
@media(max-width:1100px){.translation-unit{padding-inline:54px}.translation-unit .channels{gap:16px}}
@media(max-width:900px){.translation-unit{padding-inline:42px}.translation-unit .channels{gap:15px}}
@media(max-width:700px){.translation-unit{padding:31px 27px 28px}.translation-unit .channels{gap:20px}.translation-unit .patch-rack{padding-right:30px}.translation-unit .translation-footer{gap:8px}.status-dock{margin-top:11px;padding:5px 6px 7px}.status-lcd{padding:6px 8px 7px}.status-bezel-label{font-size:5px;letter-spacing:.7px}.status-overline{font-size:8px;letter-spacing:.5px}.status-channel{font-size:6px}.translation-unit .system-message{font-size:10px;line-height:1.4}.rack-spacer,.rack-feet,.rack-spacer i,.rack-feet i{height:8px}.rack-spacer i,.rack-feet i{width:40px}}
@media(max-width:380px){.translation-unit{padding-inline:23px}.status-channel{font-size:5px}.translation-unit .system-message{font-size:9px}}
@media(prefers-reduced-motion:reduce){.status-dock[data-state=working] .status-symbol{animation:none}}
.piece-topleft{background-size:1890.000000% 756.000000%;background-position:0.000000% 15.091463%;}
.piece-topcenter{background-size:111.834320% 756.000000%;background-position:50.000000% 15.091463%;}
.piece-topright{background-size:1890.000000% 756.000000%;background-position:100.000000% 15.091463%;}
.piece-middleleft{background-size:1890.000000% 210.584958%;background-position:0.000000% 50.125945%;}
.piece-middlecenter{background-size:111.834320% 210.584958%;background-position:50.000000% 50.125945%;}
.piece-middleright{background-size:1890.000000% 210.584958%;background-position:100.000000% 50.125945%;}
.piece-bottomleft{background-size:1890.000000% 900.000000%;background-position:0.000000% 83.035714%;}
.piece-bottomcenter{background-size:111.834320% 900.000000%;background-position:50.000000% 83.035714%;}
.piece-bottomright{background-size:1890.000000% 900.000000%;background-position:100.000000% 83.035714%;}
