/* v8.1.2 augmented pop-out treatment for Boothby On Air */
.onair-cockpit{
  perspective:2200px;
  perspective-origin:50% -12%;
  padding-bottom:20px;
}
.onair-deck-stack{
  transform-style:preserve-3d;
}
.onair-deck-stack > .cdj-shell{
  position:relative!important;
  transform-style:preserve-3d;
  transform:rotateX(10deg) translateY(-6px) translateZ(0);
  transform-origin:center top;
  border-radius:30px!important;
  overflow:visible!important;
  border:1px solid rgba(111,214,255,.20)!important;
  background:
    radial-gradient(120% 90% at 50% 0%,rgba(91,232,255,.16),transparent 32%),
    radial-gradient(70% 65% at 20% 30%,rgba(255,86,186,.09),transparent 50%),
    radial-gradient(80% 70% at 80% 30%,rgba(82,120,255,.08),transparent 50%),
    linear-gradient(180deg,#171d31 0%,#0b1020 40%,#090d17 100%)!important;
  box-shadow:
    0 48px 90px rgba(0,0,0,.58),
    0 24px 40px rgba(0,0,0,.32),
    0 0 0 1px rgba(102,225,255,.06),
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -1px 0 rgba(255,255,255,.03)!important;
}
.onair-deck-stack > .cdj-shell::before{
  content:"";position:absolute;inset:-12px;z-index:-2;pointer-events:none;border-radius:36px;
  background:
    radial-gradient(55% 40% at 50% 0%,rgba(94,255,253,.18),transparent 70%),
    radial-gradient(48% 34% at 50% 100%,rgba(255,95,204,.10),transparent 72%);
  filter:blur(26px);
}
.onair-deck-stack > .cdj-shell::after{
  content:"";position:absolute;left:4%;right:4%;bottom:-36px;height:64px;z-index:-3;pointer-events:none;
  background:radial-gradient(50% 100% at 50% 0%,rgba(0,0,0,.66),transparent 72%);
  filter:blur(16px);
}
.cdj-strip{
  border-radius:24px 24px 0 0!important;
  transform:translateZ(18px);
  background:
    linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.02)),
    linear-gradient(180deg,rgba(16,28,47,.98),rgba(8,15,29,.98))!important;
  box-shadow:0 16px 30px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.cdj-console{
  position:relative;
  z-index:1;
  padding:20px!important;
  display:grid!important;
  gap:22px!important;
  transform-style:preserve-3d;
}
.cdj-screen,
.setlist{
  position:relative!important;
  overflow:hidden!important;
  transform-style:preserve-3d;
  border-radius:24px!important;
}
.cdj-screen{
  transform:translateZ(40px) rotateX(7deg)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.01)),
    linear-gradient(160deg,rgba(10,18,33,.96),rgba(7,12,23,.96) 58%,rgba(20,12,38,.90))!important;
  border:1px solid rgba(96,212,255,.24)!important;
  box-shadow:
    0 34px 48px rgba(0,0,0,.34),
    0 12px 20px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 0 38px rgba(29,54,101,.18)!important;
}
.cdj-screen::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(130deg,rgba(255,255,255,.10),transparent 16%,transparent 80%,rgba(85,236,255,.05));
}
.setlist{
  transform:translateZ(28px) rotateX(5deg)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01)),
    linear-gradient(150deg,rgba(12,20,39,.96),rgba(8,13,23,.96))!important;
  border:1px solid rgba(112,219,255,.22)!important;
  box-shadow:
    0 30px 44px rgba(0,0,0,.32),
    0 10px 18px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 0 32px rgba(81,44,156,.10)!important;
}
.setlist::before{
  content:"";position:absolute;left:20px;right:20px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(95,232,255,.5),transparent);pointer-events:none;
}
.bws70-compact-top,
.bws51-dual,
.cdj-times,
.onair-track-clock,
.cdj-progress,
#verifiedBadges,
.set-head,
.v20-vault-toggle,
.v20-vault-content{
  position:relative!important;
  z-index:1;
}
.bws70-compact-top{
  gap:18px!important;
}
.bws70-compact-left .cdj-track,
.bws70-compact-viz,
.bws51-deckview,
.bws51-master,
.cdj-time-cell,
.onair-track-clock,
#verifiedBadges,
.v20-vault-toggle,
.library-tools,
#playlist li[data-track]{
  position:relative;
  border-radius:18px!important;
  overflow:hidden;
}
.bws70-compact-left .cdj-track{
  transform:translateZ(34px)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0) 20%),
    linear-gradient(180deg,rgba(12,20,40,.84),rgba(7,11,21,.76))!important;
  border:1px solid rgba(104,220,255,.18)!important;
  box-shadow:0 18px 24px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.bws70-compact-left .cdj-track::after,
.bws70-compact-viz::after,
.setlist::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
}
.bws70-compact-left .cdj-track > img{
  box-shadow:0 16px 24px rgba(0,0,0,.32), 0 0 0 1px rgba(95,222,255,.28), inset 0 1px 0 rgba(255,255,255,.12)!important;
}
.bws70-compact-viz{
  transform:translateZ(46px)!important;
  min-height:184px!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,0)),
    linear-gradient(180deg,rgba(4,12,22,.98),rgba(2,8,16,.98))!important;
  border:1px solid rgba(91,231,255,.32)!important;
  box-shadow:
    0 28px 36px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.07),
    inset 0 0 46px rgba(26,102,133,.14)!important;
}
.bws70-compact-viz::before{
  content:"";position:absolute;inset:10px;pointer-events:none;border-radius:12px;border:1px solid rgba(88,212,255,.18);
  box-shadow:0 0 18px rgba(75,226,255,.12), inset 0 0 26px rgba(214,77,255,.08);
}
.bws51-dual{
  transform:translateZ(26px)!important;
  gap:16px!important;
}
.bws51-deckview,
.bws51-master{
  background:
    linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.01)),
    linear-gradient(180deg,rgba(11,19,34,.86),rgba(8,12,24,.82))!important;
  border:1px solid rgba(95,189,255,.18)!important;
  box-shadow:0 16px 24px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.cdj-times{
  transform:translateZ(22px)!important;
  gap:14px!important;
}
.cdj-time-cell,.onair-track-clock,#verifiedBadges{
  background:
    linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.01)),
    linear-gradient(180deg,rgba(12,20,37,.85),rgba(8,12,23,.78))!important;
  border:1px solid rgba(106,197,255,.20)!important;
  box-shadow:0 14px 22px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.cdj-progress{
  transform:translateZ(26px)!important;
  overflow:hidden;
  border-radius:999px!important;
  box-shadow:0 18px 24px rgba(0,0,0,.14), inset 0 3px 8px rgba(0,0,0,.35)!important;
}
.set-head,
.v20-vault-toggle,
.library-tools{
  background:
    linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.00)),
    linear-gradient(180deg,rgba(10,18,33,.60),rgba(10,18,33,.22))!important;
}
.v20-vault-content{
  transform:translateZ(14px)!important;
}
#playlist li[data-track]{
  border:1px solid rgba(89,167,224,.16)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01)),
    linear-gradient(180deg,rgba(11,18,32,.56),rgba(9,14,25,.36))!important;
  box-shadow:0 10px 16px rgba(0,0,0,.12), inset 0 1px 0 rgba(255,255,255,.03)!important;
}
#playlist li[data-track].active,
#playlist li[data-track][aria-current="true"]{
  transform:translateZ(8px) scale(1.01)!important;
  border-color:rgba(113,226,255,.32)!important;
  box-shadow:0 16px 24px rgba(0,0,0,.18), 0 0 0 1px rgba(100,213,255,.10), inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.bws70-compact-left .onair-inline-transport button,
.cdj-ident .onair-share-drop-row button,
.cdj-ident .cdj-state{
  transform:translateZ(24px)!important;
  border-radius:14px!important;
  box-shadow:
    0 14px 22px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -1px 0 rgba(0,0,0,.32)!important;
}
.bws70-compact-left .onair-inline-transport button:hover,
.cdj-ident .onair-share-drop-row button:hover{
  transform:translateZ(28px) translateY(-1px)!important;
}
.cdj-foot{
  transform:translateZ(14px)!important;
  border-radius:0 0 24px 24px!important;
}
@media (min-width: 981px){
  .cdj-console{grid-template-columns:minmax(0,1.65fr) minmax(320px,1fr)!important;align-items:start!important;}
  .cdj-screen{min-width:0;}
  .setlist{min-width:0;margin-top:18px!important;}
}
@media (max-width: 980px){
  .onair-deck-stack > .cdj-shell{transform:rotateX(6deg)!important}
  .cdj-screen{transform:translateZ(20px) rotateX(4deg)!important}
  .setlist{transform:translateZ(14px) rotateX(2deg)!important;margin-top:0!important}
}
@media (max-width: 640px){
  .onair-cockpit{perspective:1100px}
  .onair-deck-stack > .cdj-shell{transform:none!important;border-radius:24px!important}
  .cdj-screen,.setlist,.bws70-compact-left .cdj-track,.bws70-compact-viz,.bws51-dual,.cdj-times,.cdj-progress,.v20-vault-content{transform:none!important}
  .cdj-console{padding:14px!important;gap:16px!important}
  .setlist{margin-top:0!important}
}