.dr{--rx: 3deg;--ry: -8deg;--dr-ease: cubic-bezier(.22,.61,.36,1);--suede-hi:#3a3e45;--suede:#2a2d33;--suede-lo:#191b20;--mag-hi:#c4c8cd;--mag:#9aa0a6;--mag-lo:#6d7176;--alu-hi:#e9ebee;--alu:#c0c4ca;--alu-lo:#878c94;--carbon-hi:#3a3e45;--carbon:#202329;--brass: var(--champ);display:grid;grid-template-columns:1.55fr 300px;gap:22px;align-items:stretch}@media(max-width:860px){.dr{grid-template-columns:1fr}}.dr-stage{position:relative;height:clamp(440px,60vh,580px);border-radius:18px;overflow:hidden;background:radial-gradient(125% 110% at 50% 14%,#1b1b21,#101015 56%,#060608);box-shadow:inset 0 0 0 1px var(--line-soft),inset 0 -40px 80px -50px #000c,0 40px 90px -50px #000000e6;touch-action:none;cursor:ns-resize;outline:none}.dr-stage:focus-visible{box-shadow:inset 0 0 0 2px var(--champ)}.dr-readout{position:absolute;top:18px;right:22px;text-align:right;z-index:6;pointer-events:none;font-variant-numeric:tabular-nums}.dr-deg{font-family:var(--f-mono);font-size:42px;font-weight:700;letter-spacing:-.03em;line-height:1;color:var(--ink)}.dr-deg sup{font-size:.42em;font-weight:500;top:-.85em;color:var(--champ)}.dr-mode{font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:var(--ink-dim);margin-top:8px}.dr-scene{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:clamp(54px,12%,96px);perspective:2400px}.dr-rig{position:relative;width:min(82%,540px);height:0;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry))}.dr-floor{position:absolute;left:50%;bottom:-2px;width:118%;height:30px;transform:translate(-50%);background:radial-gradient(ellipse,rgba(0,0,0,.6),transparent 72%);filter:blur(11px);opacity:calc(.45 + var(--p,0) * .5)}.dr-base{position:absolute;left:0;right:0;bottom:0;height:13px;border-radius:7px;z-index:1;background:linear-gradient(180deg,var(--suede-hi),var(--suede) 42%,var(--suede-lo));box-shadow:0 1px #ffffff0f inset,0 18px 30px -16px #000000b3}.dr-base:after{content:"";position:absolute;left:0;right:0;top:0;height:2px;border-radius:7px 7px 0 0;background:linear-gradient(90deg,var(--mag-lo),var(--mag-hi) 50%,var(--mag-lo));opacity:.4}.dr-feet{position:absolute;bottom:-4px;width:15%;height:4px;border-radius:0 0 4px 4px;background:#0a0b0d}.dr-feet.l{left:9%}.dr-feet.r{right:9%}.dr-rail{position:absolute;left:12%;right:12%;bottom:4px;height:4px;border-radius:3px;background:#060709;box-shadow:inset 0 0 6px #000c;z-index:2}.dr-rail i{position:absolute;top:0;width:2px;height:4px;background:#ffffff24;border-radius:1px;transition:background .14s,box-shadow .14s}.dr-rail i.on{background:var(--brass);box-shadow:0 0 7px var(--brass)}.dr-strut{position:absolute;bottom:11px;width:8px;height:0;transform-origin:bottom center;border-radius:4px;z-index:3;background:linear-gradient(90deg,var(--carbon-hi),var(--carbon) 55%,#0a0c0f);box-shadow:0 0 0 1px #00000080,1px 0 #ffffff0f inset;will-change:transform,height,left;opacity:0}.dr-strut:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:4px;opacity:.4;background:repeating-linear-gradient(38deg,rgba(255,255,255,.1) 0 1.5px,transparent 1.5px 4px)}.dr-strut.s2{filter:brightness(.66);z-index:2}.dr-shoe{position:absolute;bottom:7px;width:16px;height:7px;border-radius:3px;transform:translate(-50%);z-index:4;background:linear-gradient(180deg,var(--mag),var(--mag-lo));box-shadow:0 1px 2px #0009,0 0 0 1px #0006;opacity:0;will-change:left,opacity}.dr-unit{position:absolute;left:0;right:0;bottom:13px;height:0;transform-origin:left bottom;transform:rotate(0);transform-style:preserve-3d;z-index:5;will-change:transform}.dr-shell{position:absolute;left:0;right:0;bottom:0;height:9px;border-radius:5px;background:linear-gradient(180deg,var(--suede-hi),var(--suede) 45%,var(--suede-lo));box-shadow:0 1px #ffffff0d inset,0 8px 16px -10px #0009}.dr-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;opacity:.5;pointer-events:none;background:repeating-linear-gradient(63deg,rgba(255,255,255,.03) 0 1px,transparent 1px 3px),repeating-linear-gradient(-27deg,rgba(0,0,0,.06) 0 1px,transparent 1px 3px)}.dr-laptop{position:absolute;left:1.5%;right:1.5%;bottom:9px;height:14px;border-radius:3px 6px 6px 3px;background:linear-gradient(180deg,var(--alu-hi),var(--alu) 55%,var(--alu-lo));box-shadow:0 1.5px #ffffffb3 inset,0 -2px 4px #0003 inset,0 7px 13px -8px #00000080}.dr-laptop:after{content:"";position:absolute;left:0;right:0;bottom:3px;height:1px;background:#0000002e}.dr-laptop:before{content:"";position:absolute;left:8%;width:26%;height:2px;bottom:-1px;border-radius:2px;background:#0000003d}.dr-join{position:absolute;left:1.5%;right:1.5%;bottom:9px;height:1.5px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.4) 12%,rgba(0,0,0,.4) 88%,transparent);z-index:2}.dr-rig.detent .dr-laptop{animation:dr-detent .24s var(--dr-ease)}@keyframes dr-detent{0%{filter:brightness(1)}40%{filter:brightness(1.18)}to{filter:brightness(1)}}.dr-hint{position:absolute;bottom:16px;left:50%;transform:translate(-50%);z-index:6;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-2);display:inline-flex;align-items:center;gap:9px;background:#07070a80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:30px;padding:9px 18px;transition:opacity .4s var(--dr-ease)}.dr-hint-dot{width:6px;height:6px;border-radius:50%;background:var(--champ);box-shadow:0 0 8px var(--champ);animation:dr-pulse 2.4s var(--dr-ease) infinite}.dr-stage:hover .dr-hint,.dr-stage:focus-within .dr-hint{opacity:0}@keyframes dr-pulse{0%,to{opacity:.55}50%{opacity:1}}.dr-panel{border-radius:16px;border:1px solid var(--line);background:var(--surface);padding:24px 20px;display:flex;flex-direction:column}.dr-ph{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:14px}.dr-stops{display:flex;flex-direction:column;gap:7px}.dr-stop{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:9px;border:1px solid var(--line-soft);background:transparent;cursor:pointer;transition:.18s var(--dr-ease);text-align:left}.dr-stop:hover{border-color:var(--line-strong);background:var(--raise)}.dr-stop.active{background:#c9b79b0f;border-color:var(--champ)}.dr-stop .a{font-family:var(--f-mono);font-weight:700;font-size:15px;letter-spacing:-.01em;color:var(--ink)}.dr-stop.active .a{color:var(--champ)}.dr-stop .u{font-size:11.5px;color:var(--ink-dim)}.dr-note{margin-top:16px;border-top:1px solid var(--line-soft);padding-top:14px;font-size:12px;line-height:1.65;color:var(--ink-2)}.dr-legend{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:16px;font-size:11px;color:var(--ink-dim)}.dr-legend span{display:inline-flex;align-items:center;gap:7px}.dr-legend i{width:9px;height:9px;border-radius:50%;display:inline-block}.dr-c1{background:#2a2d33}.dr-c2{background:#9aa0a6}.dr-c3{background:#202329}.dr-c4{background:var(--champ)}@media(prefers-reduced-motion:reduce){.dr-rig,.dr-unit,.dr-strut,.dr-shoe,.dr-stop,.dr-hint-dot{transition:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/deployrig.css.map */