/* откъде: nx-system/07-nx-dash/v2/deck/deck.css (редът на плеъра) */
.nx-player-row {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--nx-s2);
  padding: var(--nx-s1) var(--nx-s2) var(--nx-s3) var(--nx-s3);
  border-radius: var(--nx-r2);
  corner-shape: squircle;
  background: var(--nx-key-bg);
  border: thin solid var(--nx-key-line);
  box-shadow: var(--nx-key-shine);
}

.nx-player-toggle,
.nx-player-open {
  min-width: var(--nx-touch);
  min-height: var(--nx-touch);
  padding: 0 var(--nx-s1);
  border: 0;
  border-radius: var(--nx-r2);
  corner-shape: squircle;
  background: none;
  color: var(--nx-text);
  font: inherit;
  font-size: var(--nx-t-xs);
  cursor: pointer;
}

.nx-player-toggle {
  color: var(--nx-accent);
}

.nx-player-who {
  display: block;
  flex: 1;
  min-width: 0;
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.nx-player-who b,
.nx-player-who span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.nx-player-who b {
  font-size: var(--nx-t-sm);
}

.nx-player-who span {
  color: var(--nx-text-2);
  font-size: var(--nx-t-xs);
}

.nx-player-time {
  color: var(--nx-text-2);
  font-size: var(--nx-t-xs);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.nx-player-seek {
  position: absolute;
  left: var(--nx-s3);
  right: var(--nx-s3);
  bottom: 0;
  height: var(--nx-s4);
  touch-action: none;
  cursor: pointer;
}

.nx-player-bar {
  position: absolute;
  left: 0;
  right: 0;
  bottom: var(--nx-s1);
  height: 3px;
  border-radius: var(--nx-r1);
  corner-shape: squircle;
  background: var(--nx-line);
  overflow: hidden;
}

.nx-player-bar i {
  position: absolute;
  inset: 0;
  background: var(--nx-accent);
  transform: scaleX(var(--nx-player-progress));
  transform-origin: left;
  transition: transform var(--nx-motion-t2) linear;
}