@layer base{.hpv5-ctrl-stage{flex:1;justify-content:center;align-items:center;min-height:180px;margin-top:auto;display:flex;position:relative}.hpv5-ctrl-frame{pointer-events:none;background:radial-gradient(ellipse 90% 70% at 50% 50%, var(--fog-50) 0%, #fff0 70%);border-radius:6px;position:absolute;inset:0}.hpv5-ctrl-corner{width:10px;height:10px;color:var(--fog-400);pointer-events:none;position:absolute}.hpv5-ctrl-corner:first-of-type{top:0;left:0}.hpv5-ctrl-corner:nth-of-type(2){top:0;right:0}.hpv5-ctrl-corner:nth-of-type(3){bottom:0;left:0}.hpv5-ctrl-corner:nth-of-type(4){bottom:0;right:0}.hpv5-ctrl-frame-label{background:var(--color-white);font-family:var(--font-display);font-weight:var(--w-kraftig);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);align-items:center;gap:6px;padding:2px 8px;font-size:10px;display:inline-flex;position:absolute;top:-6px;left:16px;transform:translateY(-50%)}.hpv5-ctrl-frame-label .hpv5-live-dot{width:5px;height:5px}.hpv5-ctrl-deck{width:80%;max-width:260px;height:152px;position:relative}.hpv5-ctrl-layer{background:var(--color-white);border:1px solid var(--color-border-soft);opacity:0;border-radius:5px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;transition:opacity .48s ease-out,transform .56s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;left:0;right:0}.hpv5-ctrl-layer-text{font-family:var(--font-display);color:var(--color-dark);font-size:14px;line-height:1.2;font-weight:var(--w-halbfett);letter-spacing:-.01em}.hpv5-ctrl-layer-mark{background:var(--fog-100);width:18px;height:18px;color:var(--fog-500);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.hpv5-ctrl-layer[data-layer="0"]{z-index:1;background:var(--fog-50);margin-left:32px;margin-right:-8px;top:8px;transform:translateY(-12px)translate(8px)}.hpv5-ctrl-layer[data-layer="1"]{z-index:2;margin-left:16px;margin-right:8px;top:56px;transform:translateY(-12px)translate(4px)}.hpv5-ctrl-layer[data-layer="2"]{z-index:3;border-color:var(--color-jade);background:#0482440a;margin-left:0;margin-right:24px;top:104px;transform:translateY(-12px)}.hpv5-ctrl-layer-accent .hpv5-ctrl-layer-mark{color:var(--color-jade);background:#04824424}.hpv5-control-tile.is-revealed .hpv5-ctrl-layer{opacity:1}.hpv5-control-tile.is-revealed .hpv5-ctrl-layer[data-layer="0"]{transition-delay:80ms;transform:translateY(0)translate(0)}.hpv5-control-tile.is-revealed .hpv5-ctrl-layer[data-layer="1"]{transition-delay:.2s;transform:translateY(0)translate(0)}.hpv5-control-tile.is-revealed .hpv5-ctrl-layer[data-layer="2"]{transition-delay:.32s;transform:translateY(0)translate(0)}@media (prefers-reduced-motion:reduce){.hpv5-ctrl-layer{opacity:1;transition:none;transform:none!important}}@media (max-width:1024px){.hpv5-ctrl-deck{max-width:280px}.hpv5-ctrl-layer[data-layer="0"]{margin-left:24px;margin-right:-4px}.hpv5-ctrl-layer[data-layer="1"]{margin-left:12px;margin-right:4px}.hpv5-ctrl-layer[data-layer="2"]{margin-right:16px}}.hpv5-ctrl-rack{align-items:flex-end;width:100%;margin-top:auto;display:flex}.hpv5-ctrl-rack svg{width:100%;height:auto;max-height:220px;display:block}}