.dmp-root{--dmp-accent: #f3f3f3;--dmp-accent-2: #d7d7d7;--dmp-ink: #f5f5f5;--dmp-muted: rgba(245,245,245,.6);--dmp-glass: rgba(255,255,255,.08);--dmp-glass-strong: rgba(255,255,255,.14);--dmp-glass-border: rgba(255,255,255,.16);position:relative;z-index:var(--dmp-z, 4900);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}.dmp-root *,.dmp-root *:before,.dmp-root *:after{box-sizing:border-box}.dmp-root button,.dmp-root input{font:inherit}.dmp-hide-desktop{display:none}.dmp-root button{-webkit-tap-highlight-color:transparent}.dmp-root svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.dmp-root .dmp-icon,.dmp-root .dmp-launcher-icon{fill:currentColor;stroke:none}.dmp-icon-pause,.dmp-launcher-icon-pause,.dmp-volume-off,.dmp-is-playing .dmp-icon-play,.dmp-is-playing .dmp-launcher-icon-play,.dmp-is-muted .dmp-volume-on{display:none}.dmp-is-playing .dmp-icon-pause,.dmp-is-playing .dmp-launcher-icon-pause,.dmp-is-muted .dmp-volume-off{display:block}.dmp-launcher{position:fixed;right:var(--dmp-side, 8px);bottom:calc(var(--dmp-bottom-desktop, 6px) + env(safe-area-inset-bottom));z-index:calc(var(--dmp-z, 4900) + 1);width:66px;height:66px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:linear-gradient(160deg,#222222d1,#0a0a0adb);box-shadow:0 12px 30px #00000059,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(16px) saturate(120%);backdrop-filter:blur(16px) saturate(120%);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.dmp-launcher:hover{transform:translateY(-2px);box-shadow:0 16px 36px #0006,inset 0 1px #ffffff1f}.dmp-launcher-disc-wrap{width:46px;height:46px;display:grid;place-items:center}.dmp-launcher-disc{position:relative;width:100%;height:100%;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:repeating-radial-gradient(circle,#ffffff1a 0 1px,#ffffff05 2px 4px),radial-gradient(circle at 35% 28%,rgba(255,255,255,.16),transparent 22%),linear-gradient(135deg,#222,#070707 75%);box-shadow:inset 0 0 0 1px #ffffff1a,0 6px 16px #0000004d;animation:dmp-spin 7s linear infinite;animation-play-state:paused}.dmp-is-playing .dmp-launcher-disc{animation-play-state:running}.dmp-launcher-art{width:72%;height:72%;border-radius:50%;object-fit:cover;display:block;filter:none}.dmp-launcher-hole{position:absolute;width:7px;height:7px;border-radius:50%;background:#0c0c0c;border:1px solid rgba(255,255,255,.55)}.dmp-launcher-shine{position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:inherit;background:linear-gradient(145deg,rgba(255,255,255,.12),transparent 34% 68%,rgba(255,255,255,.04));pointer-events:none}.dmp-launcher-status{position:absolute;right:-2px;bottom:-2px;width:24px;height:24px;display:grid;place-items:center;color:#0c0c0c;border:1px solid rgba(255,255,255,.6);border-radius:999px;background:#fffffff0;box-shadow:0 4px 10px #0000004d}.dmp-launcher-icon{width:12px;height:12px}.dmp-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--dmp-z, 4900) + 2);background:#08080852;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transition:opacity .25s ease}.dmp-scrim.dmp-visible{opacity:1}.dmp-panel{position:fixed;right:var(--dmp-side, 8px);bottom:calc(var(--dmp-bottom-desktop, 6px) + env(safe-area-inset-bottom));width:min(430px,calc(100vw - 16px));height:min(810px,calc(100dvh - 16px));z-index:calc(var(--dmp-z, 4900) + 3);overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:36px;color:var(--dmp-ink);background:radial-gradient(120% 90% at 18% 8%,rgba(120,120,120,.34),transparent 55%),radial-gradient(110% 80% at 90% 96%,rgba(90,90,90,.3),transparent 55%),linear-gradient(165deg,#3a3a3a,#232323 42%,#161616);box-shadow:0 32px 90px #00000080,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(28px) saturate(120%);backdrop-filter:blur(28px) saturate(120%);visibility:hidden;opacity:0;transform:translateY(14px) scale(.985);transition:opacity .3s ease,transform .38s cubic-bezier(.2,.8,.2,1),visibility 0s linear .38s}.dmp-panel.dmp-open{visibility:visible;opacity:1;transform:translateY(0) scale(1);transition-delay:0s}.dmp-ambient{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.dmp-ambient-image{position:absolute;left:-18%;top:-10%;width:110%;height:90%;object-fit:cover;filter:blur(80px) saturate(140%) brightness(.95);opacity:.3;transform:scale(1.2)}.dmp-ambient-wash{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 14% 10%,rgba(255,255,255,.1),transparent 36%),linear-gradient(180deg,#0000,#0000002e 62%,#00000080)}.dmp-panel-header{position:absolute;top:16px;left:16px;right:16px;z-index:6;display:flex;align-items:center;gap:8px}.dmp-view-toggle{padding:9px 15px;border:1px solid var(--dmp-glass-border);border-radius:999px;font-size:13px;font-weight:600;letter-spacing:.01em;color:#f5f5f59e;background:var(--dmp-glass);box-shadow:inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;transition:transform .2s ease,background .2s ease,color .2s ease}.dmp-view-toggle.is-active{color:#0e0e0e;background:#ffffffeb;border-color:#ffffffe6;box-shadow:0 8px 20px #00000047}.dmp-icon-button{margin-left:auto;width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--dmp-glass-border);border-radius:999px;color:#f5f5f5;background:var(--dmp-glass);box-shadow:inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;transition:transform .2s ease,background .2s ease}.dmp-icon-button svg{width:16px;height:16px}.dmp-now,.dmp-queue-wrap{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;transition:opacity .22s ease}.dmp-view-now .dmp-now,.dmp-view-queue .dmp-queue-wrap{opacity:1;pointer-events:auto}.dmp-now{display:flex;flex-direction:column;justify-content:flex-end;padding:0 18px calc(18px + env(safe-area-inset-bottom));gap:14px}.dmp-hero-card{position:static}.dmp-hero-vinyl-area{position:absolute;top:0;right:0;bottom:34%;left:0;border-radius:0;background:none;pointer-events:none}.dmp-turntable{position:absolute;top:0;right:0;bottom:0;left:0}.dmp-vinyl-platform{display:none}.dmp-record{position:absolute;top:6%;left:-34%;width:124%;aspect-ratio:1;height:auto;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:repeating-radial-gradient(circle,#ffffff12 0 1px,#ffffff04 2px 4.5px),radial-gradient(circle at 34% 26%,rgba(255,255,255,.14),transparent 26%),linear-gradient(140deg,#2b2b2b,#101010 62%,#060606);box-shadow:inset 0 0 0 1px #ffffff1a,inset 0 0 60px #00000080,0 30px 70px #00000080;animation:dmp-spin 9s linear infinite;animation-play-state:paused}.dmp-is-playing .dmp-record{animation-play-state:running}.dmp-record:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:conic-gradient(from 24deg,transparent 0 16%,rgba(255,255,255,.16) 23%,transparent 30% 56%,rgba(255,255,255,.08) 64%,transparent 72%);mix-blend-mode:screen;opacity:.6}.dmp-record-rings{position:absolute;top:4%;right:4%;bottom:4%;left:4%;border-radius:50%;border:1px solid rgba(255,255,255,.09);box-shadow:0 0 0 14px #ffffff05,0 0 0 30px #ffffff04,0 0 0 48px #ffffff03,0 0 0 68px #ffffff03}.dmp-record-label{position:relative;z-index:2;width:38%;aspect-ratio:1;overflow:hidden;border-radius:50%;border:2px solid rgba(255,255,255,.8);box-shadow:0 10px 26px #00000073}.dmp-record-label img{width:100%;height:100%;object-fit:cover;display:block;filter:none}.dmp-spindle{position:absolute;z-index:3;width:12px;height:12px;border-radius:50%;background:#0c0c0c;border:2px solid rgba(255,255,255,.9);box-shadow:0 2px 6px #00000080}.dmp-tonearm{position:absolute;top:6%;right:6%;width:96px;height:62%;transform-origin:50% 10%;transform:rotate(-12deg);transition:transform .65s cubic-bezier(.2,.8,.2,1)}.dmp-is-playing .dmp-tonearm{transform:rotate(4deg)}.dmp-tonearm-base{position:absolute;top:0;right:6px;width:46px;height:46px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(160deg,#3a3a3a,#141414);box-shadow:inset 0 1px #ffffff29,0 10px 22px #0006}.dmp-tonearm-base:after{content:"";position:absolute;inset:30% 34% auto 34%;height:26%;border-radius:4px;background:#0a0a0a}.dmp-tonearm-rod{position:absolute;top:40px;right:26px;width:6px;height:76%;border-radius:999px;background:linear-gradient(90deg,#7d7d7d,#f2f2f2 46%,#8a8a8a);box-shadow:0 4px 12px #00000073;transform:rotate(-3deg);transform-origin:top}.dmp-tonearm-head{position:absolute;right:8px;bottom:-2px;width:28px;height:42px;border-radius:6px 6px 12px 12px;background:linear-gradient(180deg,#262626,#0d0d0d);transform:rotate(-5deg);box-shadow:inset 0 1px #ffffff1f,0 8px 18px #00000073}.dmp-tonearm-head:after{content:"";position:absolute;left:42%;bottom:-7px;width:3px;height:9px;border-radius:2px;background:#050505}.dmp-track-copy{position:relative;z-index:4;margin:0;padding:0 4px}.dmp-kicker{margin:0;font-size:10px;line-height:1.2;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#f5f5f56b}.dmp-title{margin:8px 0 0;font-size:clamp(30px,4.4vw,40px);line-height:.98;letter-spacing:-.045em;font-weight:800;color:#fff;max-width:95%;text-shadow:0 2px 20px rgba(0,0,0,.35)}.dmp-artist{margin:8px 0 0;font-size:16px;font-weight:500;color:var(--dmp-muted)}.dmp-timeline{position:relative;z-index:4;padding:0 4px}.dmp-range{width:100%;height:20px;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}.dmp-range::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(90deg,#fff 0 var(--dmp-value,0%),rgba(255,255,255,.16) var(--dmp-value,0%) 100%)}.dmp-range::-webkit-slider-thumb{width:13px;height:13px;margin-top:-4.5px;-webkit-appearance:none;appearance:none;border-radius:50%;border:0;background:#fff;box-shadow:0 2px 10px #0006;opacity:0;transition:opacity .2s ease}.dmp-range:hover::-webkit-slider-thumb,.dmp-range:focus-visible::-webkit-slider-thumb{opacity:1}.dmp-range::-moz-range-track{height:4px;border-radius:999px;background:#ffffff29}.dmp-range::-moz-range-progress{height:4px;border-radius:999px;background:#fff}.dmp-range::-moz-range-thumb{width:13px;height:13px;border-radius:50%;border:0;background:#fff}.dmp-time{display:flex;justify-content:space-between;margin-top:4px;color:#f5f5f56b;font-size:11px;font-variant-numeric:tabular-nums}.dmp-control-row{position:relative;z-index:4;display:flex;justify-content:center;align-items:center;gap:22px;margin:0 auto;padding:10px 22px;width:max-content;border:1px solid var(--dmp-glass-border);border-radius:999px;background:var(--dmp-glass);box-shadow:inset 0 1px #ffffff1a,0 14px 34px #0000004d;-webkit-backdrop-filter:blur(20px) saturate(130%);backdrop-filter:blur(20px) saturate(130%)}.dmp-control{width:46px;height:46px;display:grid;place-items:center;color:#f5f5f5;border:0;border-radius:999px;background:transparent;cursor:pointer;transition:transform .2s ease,background .2s ease}.dmp-control:hover{background:#ffffff1a}.dmp-control svg{width:20px;height:20px}.dmp-control-play{width:62px;height:62px;color:#0d0d0d;background:#fffffff0;border:1px solid rgba(255,255,255,.9);box-shadow:0 12px 28px #0006,inset 0 1px #ffffffe6}.dmp-control-play:hover{background:#fff;transform:translateY(-1px)}.dmp-control-play .dmp-icon{width:22px;height:22px}.dmp-secondary-row{position:relative;z-index:4;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.dmp-chip{min-width:96px;height:38px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;border:1px solid var(--dmp-glass-border);border-radius:999px;font-size:12.5px;font-weight:600;color:#f5f5f5c7;background:var(--dmp-glass);box-shadow:inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;transition:transform .2s ease,background .2s ease,color .2s ease}.dmp-chip svg{width:15px;height:15px}.dmp-chip.dmp-active{color:#0d0d0d;background:#ffffffeb;border-color:#ffffffe6}.dmp-control-subtle:hover,.dmp-chip:hover,.dmp-view-toggle:hover,.dmp-icon-button:hover{transform:translateY(-1px)}.dmp-queue-wrap{padding:66px 0 20px;overflow:hidden}.dmp-queue-heading{padding:0 0 8px;text-align:center}.dmp-queue-heading .dmp-kicker{font-size:15px;font-weight:700;letter-spacing:-.01em;text-transform:none;color:#f5f5f5}.dmp-queue{height:calc(100% - 34px);overflow:auto;scrollbar-width:none;padding:6px 0 90px}.dmp-queue::-webkit-scrollbar{display:none}.dmp-track{position:relative;width:100%;display:grid;grid-template-columns:46% minmax(0,1fr);align-items:center;gap:20px;padding:12px 18px 12px 0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.dmp-track:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#ffffff1f}.dmp-track:last-child:after{display:none}.dmp-track-art{position:relative;width:108%;height:118px;margin-left:-14%;overflow:hidden;border-radius:4px;border:0;transform:perspective(900px) rotate(-4deg) rotateY(6deg);transform-origin:right center;box-shadow:0 18px 40px #00000073,0 2px 8px #0000004d;transition:transform .25s ease}.dmp-track:nth-child(2n) .dmp-track-art{transform:perspective(900px) rotate(3.5deg) rotateY(5deg)}.dmp-track:hover .dmp-track-art{transform:perspective(900px) rotate(0) rotateY(0) scale(1.02)}.dmp-track-art img{width:100%;height:100%;object-fit:cover;display:block}.dmp-track-copy-small{min-width:0;padding-right:6px}.dmp-track-title,.dmp-track-artist{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.dmp-track-title{font-size:18px;font-weight:700;letter-spacing:-.02em;color:#fff}.dmp-track-artist{margin-top:5px;font-size:14.5px;color:#f5f5f5a8}.dmp-track-index{display:none}.dmp-track.dmp-current .dmp-track-title:before{content:"";display:inline-block;width:13px;height:11px;margin-right:8px;background:linear-gradient(#fff,#fff) 0 100%/3px 100% no-repeat,linear-gradient(#fff,#fff) 5px 100%/3px 60% no-repeat,linear-gradient(#fff,#fff) 10px 100%/3px 82% no-repeat}.dmp-is-playing .dmp-track.dmp-current .dmp-track-title:before{animation:dmp-eq .9s ease-in-out infinite alternate}@keyframes dmp-eq{0%{background-size:3px 100%,3px 55%,3px 80%}to{background-size:3px 60%,3px 100%,3px 45%}}.dmp-status{position:absolute;left:50%;bottom:20px;transform:translate(-50%);z-index:7;margin:0;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#fffffff0;color:#0d0d0d;font-size:11px;font-weight:600;opacity:0;transition:opacity .2s ease,transform .2s ease;pointer-events:none}.dmp-status:not(:empty){opacity:1;transform:translate(-50%) translateY(-2px)}body.dmp-lock{overflow:hidden}@keyframes dmp-spin{to{transform:rotate(360deg)}}@media(max-width:749px){.dmp-hide-mobile{display:none}.dmp-hide-desktop:not(.dmp-hide-mobile){display:block}.dmp-launcher{right:var(--dmp-side, 8px);bottom:calc(var(--dmp-bottom-mobile, 6px) + env(safe-area-inset-bottom));width:66px;height:66px;border-radius:22px}.dmp-launcher-disc-wrap{width:46px;height:46px}.dmp-panel{inset:auto 0 0;width:100%;height:min(94dvh,840px);border-radius:30px 30px 0 0;border-right:0;border-left:0;border-bottom:0}.dmp-now{padding:0 16px calc(16px + env(safe-area-inset-bottom));gap:12px}.dmp-hero-vinyl-area{top:0;right:0;bottom:36%;left:0}.dmp-record{top:7%;left:-38%;width:132%}.dmp-tonearm{top:6%;right:4%;width:88px;height:58%}.dmp-title{font-size:clamp(28px,8vw,34px);max-width:100%}.dmp-control-row{gap:16px;padding:8px 18px}.dmp-queue-wrap{padding:62px 0 18px}.dmp-track{grid-template-columns:44% minmax(0,1fr);gap:16px;padding:10px 16px 10px 0}.dmp-track-art{height:104px;margin-left:-16%}.dmp-track-title{font-size:16.5px}.dmp-track-artist{font-size:13.5px}}@media(max-width:420px){.dmp-panel-header{top:14px;left:14px;right:14px}.dmp-view-toggle{padding:8px 12px}.dmp-record{left:-42%;width:138%}.dmp-tonearm{right:2%;width:80px;height:54%}.dmp-title{font-size:27px}.dmp-control-row{gap:12px}.dmp-control{width:42px;height:42px}.dmp-control-play{width:58px;height:58px}.dmp-chip{min-width:90px;padding:0 10px}}@media(max-height:640px){.dmp-hero-vinyl-area{top:0;right:0;bottom:44%;left:0}.dmp-record{width:108%;left:-28%}.dmp-title{font-size:26px}}@media(prefers-reduced-motion:reduce){.dmp-root *,.dmp-root *:before,.dmp-root *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.dmp-panel{background:#1c1c1c}.dmp-launcher{background:#0e0e0efa}.dmp-scrim{background:#080808c7}.dmp-control-row,.dmp-chip,.dmp-view-toggle,.dmp-icon-button{background:#ffffff1a}}.dmp-root .dmp-scrim[hidden]{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/17/assets/deco-music-player.css.map */