.nd-transport{width:2.75rem;height:2.75rem;color:var(--cream);background:#0c231866;border:2px solid #d7b48a99;justify-content:center;align-items:center;transition:border-color .2s,color .2s,transform .15s,box-shadow .15s;display:inline-flex}.nd-transport:hover:not(:disabled){border-color:var(--gold);color:var(--gold)}.nd-transport:disabled{opacity:.4;cursor:default}.nd-transport--main{background:var(--cream);border-color:var(--cream);width:3.5rem;height:3.5rem;color:var(--pine);box-shadow:3px 3px #d7b48a8c}.nd-transport--main:hover:not(:disabled){color:var(--pine);border-color:var(--cream);transform:translate(-1px,-1px);box-shadow:4px 4px #d7b48a8c}.nd-transport--main:active:not(:disabled){transform:translate(1px,1px);box-shadow:2px 2px #d7b48a8c}.nd-range{appearance:none;cursor:pointer;background:0 0;height:20px}.nd-range:disabled{opacity:.4;cursor:default}.nd-range::-webkit-slider-runnable-track{background:#d7b48a59;height:4px}.nd-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--cream);border:2px solid var(--pine);border-radius:0;width:14px;height:14px;margin-top:-5px;box-shadow:2px 2px #d7b48a8c}.nd-range::-moz-range-track{background:#d7b48a59;height:4px}.nd-range::-moz-range-thumb{background:var(--cream);border:2px solid var(--pine);border-radius:0;width:10px;height:10px;box-shadow:2px 2px #d7b48a8c}.nd-range:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.nd-eq{align-items:flex-end;gap:2px;height:12px;display:inline-flex}.nd-eq span{background:var(--gold);transform-origin:bottom;width:3px;height:100%;animation:.9s ease-in-out infinite nd-eq-bounce}.nd-eq span:nth-child(2){animation-delay:.25s}.nd-eq span:nth-child(3){animation-delay:.5s}@keyframes nd-eq-bounce{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.nd-eq span{animation:none;transform:scaleY(.6)}}.nd-skeleton{background:linear-gradient(90deg,#d7b48a14 25%,#d7b48a2e 50%,#d7b48a14 75%) 0 0/200% 100%;animation:1.4s ease-in-out infinite nd-shimmer}@keyframes nd-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.nd-skeleton{animation:none}}
