.wmp{--wmp-accent: #1e7fff;--wmp-size: 160px;--wmp-offset: 24px;--wmp-drop: 0px;box-sizing:border-box}.wmp *,.wmp *:before,.wmp *:after{box-sizing:border-box}.wmp-teaser{appearance:none;-webkit-appearance:none;border:0;background:transparent;padding:0;margin:0;cursor:pointer;display:inline-block;position:relative;line-height:0;width:var(--wmp-size);max-width:60vw}@media(max-width:600px){.wmp-teaser{width:var(--wmp-size-mobile, min(var(--wmp-size), 28vw));max-width:80vw}}.wmp-teaser:focus-visible{outline:3px solid var(--wmp-accent);outline-offset:6px;border-radius:10px}.wmp-teaser__art{display:block;width:100%;height:auto;pointer-events:none;filter:drop-shadow(0 10px 18px rgba(0,0,0,.28));transform-origin:50% 85%;animation:wmp-shake 4.2s ease-in-out infinite}.wmp-teaser:hover .wmp-teaser__art{animation-duration:2.6s}.wmp-teaser--quiet .wmp-teaser__art{animation-play-state:paused}@keyframes wmp-shake{0%,70%,to{transform:translateZ(0) rotate(0)}74%{transform:translate3d(-1px,0,0) rotate(-1.3deg)}78%{transform:translate3d(1px,0,0) rotate(1.5deg)}83%{transform:translate3d(-1px,1px,0) rotate(-1deg)}88%{transform:translate3d(1px,-1px,0) rotate(.7deg)}93%{transform:translateZ(0) rotate(0)}}.wmp-notes{position:absolute;left:0;right:0;top:0;bottom:30%;pointer-events:none;overflow:visible}.wmp-note{position:absolute;bottom:40%;left:50%;font-size:var(--wmp-n-size, 15px);line-height:1;color:var(--wmp-accent);text-shadow:0 1px 2px rgba(0,0,0,.25);pointer-events:none;will-change:transform,opacity;animation:wmp-note-rise var(--wmp-n-dur, 2.2s) ease-out forwards}@keyframes wmp-note-rise{0%{opacity:0;transform:translate3d(-50%,0,0) scale(.5) rotate(0)}15%{opacity:1}to{opacity:0;transform:translate3d(calc(-50% + var(--wmp-n-drift, 10px)),-78px,0) scale(1.05) rotate(var(--wmp-n-rot, 14deg))}}.wmp--inline{position:relative}.wmp--bottom-left,.wmp--bottom-right,.wmp--bottom-center{position:absolute;bottom:calc(var(--wmp-offset) - var(--wmp-drop, 0px));z-index:30}.wmp--bottom-left{left:var(--wmp-offset)}.wmp--bottom-right{right:var(--wmp-offset)}.wmp--bottom-center{left:50%;transform:translate(-50%)}.wmp--pinned{position:fixed}.wmp--floating{position:fixed;left:auto;top:auto;transform:none;bottom:max(16px,env(safe-area-inset-bottom));right:max(16px,env(safe-area-inset-right));z-index:2147483001;width:fit-content;max-width:calc(100vw - 32px)}.wmp--floating.wmp--bottom-left{right:auto;left:max(16px,env(safe-area-inset-left))}.wmp--floating .wmp-np{right:0}.wmp--floating .wmp-unpin{left:0}.wmp--floating .wmp-teaser{animation:wmp-dock .32s cubic-bezier(.2,.8,.25,1)}@keyframes wmp-dock{0%{transform:scale(.7);opacity:.4}to{transform:scale(1);opacity:1}}.wmp-unpin{display:none;place-items:center;position:absolute;top:-8px;left:-8px;z-index:6;width:40px;height:40px;border-radius:50%;border:0;cursor:pointer;background:#fff;color:var(--wmp-accent);box-shadow:0 6px 16px #0000004d;pointer-events:auto;transition:background .15s ease,color .15s ease,transform .15s ease}.wmp-unpin svg{width:15px;height:15px}.wmp--floating .wmp-unpin{display:grid}.wmp-unpin:hover{background:var(--wmp-accent);color:#fff;transform:scale(1.08)}.wmp-unpin:focus-visible{outline:3px solid var(--wmp-accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){.wmp--floating .wmp-teaser{animation:none}}.wmp-stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;display:grid;place-items:center;background:var(--wmp-scrim, rgba(8,10,18,.12));opacity:0;transition:opacity .28s ease;-webkit-tap-highlight-color:transparent}.wmp-stage[data-open=true]{opacity:1}.wmp-stage[hidden]{display:none}.wmp-holder{position:relative;width:var(--wmp-enlarge, 78vmin);height:var(--wmp-enlarge, 78vmin);max-width:96vw;max-height:92vh;will-change:transform;transform-origin:50% 50%;touch-action:none}.wmp-holder__canvas{display:block;width:100%;height:100%;cursor:default}.wmp-stage[data-open=true],.wmp-stage[data-open=true] *{cursor:default!important}.wmp-stage[data-open=true] .wmp-close,.wmp-stage[data-open=true] .wmp-fallback-controls button,.wmp.wmp--floating,.wmp.wmp--floating *{cursor:pointer!important}.wmp-holder__fallimg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;display:none}.wmp-stage--fallback .wmp-holder__canvas{display:none}.wmp-stage--fallback .wmp-holder__fallimg{display:block}.wmp-fallback-controls{display:none}.wmp-stage--fallback .wmp-fallback-controls{display:flex;gap:10px;position:absolute;left:50%;bottom:6%;transform:translate(-50%);padding:8px 12px;border-radius:999px;background:#14161ed1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.wmp-fallback-controls button{-webkit-appearance:none;appearance:none;border:0;cursor:pointer;width:44px;height:44px;border-radius:50%;background:#ffffff1a;color:#fff;font-size:16px;display:grid;place-items:center}.wmp-fallback-controls button:hover{background:var(--wmp-accent)}.wmp-close{position:absolute;top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));width:44px;height:44px;border-radius:50%;border:0;cursor:pointer;background:#14161eb8;color:#fff;font-size:22px;line-height:1;display:grid;place-items:center;z-index:2;transition:background .15s ease,transform .15s ease}.wmp-close:hover{background:var(--wmp-accent);transform:scale(1.06)}.wmp-close:focus-visible{outline:3px solid #fff;outline-offset:2px}.wmp-caption{position:absolute;left:50%;top:max(16px,env(safe-area-inset-top));transform:translate(-50%);color:#fff;font:600 14px/1.3 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;text-shadow:0 1px 3px rgba(0,0,0,.5);text-align:center;pointer-events:none;opacity:.92}.wmp-caption[hidden]{display:none}.wmp-hint{position:absolute;z-index:3;pointer-events:none;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:8px;transition:opacity .35s ease}.wmp-hint[hidden]{display:none}.wmp-hint--dismissed{opacity:0}.wmp-hint__ring{width:46px;height:46px;border-radius:50%;border:3px solid var(--wmp-accent);box-shadow:0 0 color-mix(in srgb,var(--wmp-accent) 60%,transparent);animation:wmp-hint-ring 1.5s ease-out infinite}.wmp-hint__label{background:var(--wmp-accent);color:#fff;font:600 13px/1 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;padding:7px 12px;border-radius:999px;white-space:nowrap;box-shadow:0 6px 16px #0000004d}.wmp-hint__label:after{content:"";position:absolute;left:50%;margin-left:-6px;margin-top:-1px;border:6px solid transparent;border-top-color:var(--wmp-accent)}@keyframes wmp-hint-ring{0%{box-shadow:0 0 color-mix(in srgb,var(--wmp-accent) 55%,transparent);transform:scale(.92)}70%{box-shadow:0 0 0 16px color-mix(in srgb,var(--wmp-accent) 0%,transparent);transform:scale(1.05)}to{box-shadow:0 0 color-mix(in srgb,var(--wmp-accent) 0%,transparent);transform:scale(.92)}}.wmp-np{display:none;place-items:center;position:absolute;top:-8px;right:-8px;z-index:5;width:40px;height:40px;border-radius:50%;border:0;cursor:pointer;background:var(--wmp-accent);color:#fff;box-shadow:0 6px 16px #0000004d;pointer-events:auto}.wmp-np--show{display:grid}.wmp-np--fixed{position:fixed;top:auto;z-index:2147483001;bottom:max(16px,env(safe-area-inset-bottom));right:max(16px,env(safe-area-inset-right));width:54px;height:54px;box-shadow:0 8px 22px #00000059}.wmp-np:focus-visible{outline:3px solid #fff;outline-offset:2px}.wmp-np__play{display:none;font-size:15px;line-height:1;margin-left:2px}.wmp-np--paused .wmp-eq{display:none}.wmp-np--paused .wmp-np__play{display:block}.wmp-np--paused{animation:wmp-np-pulse 1.6s ease-in-out infinite}@keyframes wmp-np-pulse{0%,to{box-shadow:0 6px 16px #0000004d}50%{box-shadow:0 6px 16px #0000004d,0 0 0 9px color-mix(in srgb,var(--wmp-accent) 22%,transparent)}}.wmp-eq{display:inline-flex;gap:2px;align-items:flex-end;height:15px}.wmp-eq i{width:3px;height:100%;background:#fff;border-radius:1px;transform-origin:bottom;animation:wmp-eq .9s ease-in-out infinite}.wmp-eq i:nth-child(2){animation-delay:.2s}.wmp-eq i:nth-child(3){animation-delay:.4s}@keyframes wmp-eq{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@media(prefers-reduced-motion:reduce){.wmp-eq i{animation:none;transform:scaleY(.7)}.wmp-np--paused{animation:none}}.wmp-teaser--loading .wmp-teaser__art{animation:wmp-load-pulse 1s ease-in-out infinite}@keyframes wmp-load-pulse{0%,to{opacity:1}50%{opacity:.55}}.wmp-sr-controls{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.wmp-sr-controls button:focus-visible{position:fixed;left:50%;bottom:16px;transform:translate(-50%);width:auto;height:auto;clip:auto;padding:10px 14px;background:#000;color:#fff;border-radius:8px;z-index:4;outline:3px solid #fff}@media(prefers-reduced-motion:reduce){.wmp-teaser__art{animation:none}.wmp-notes{display:none}.wmp-stage{transition:none}.wmp-hint__ring,.wmp-teaser--loading .wmp-teaser__art{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/walkman-player.css.map */