@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500&display=swap";.mp{--white: #ffffff;--w90: rgba(255,255,255,.9);--w60: rgba(255,255,255,.6);--w35: rgba(255,255,255,.35);--w15: rgba(255,255,255,.15);--w08: rgba(255,255,255,.08);--glass: rgba(255,255,255,.06);--glass-hover: rgba(255,255,255,.11);--accent: #ffffff;--bg-color: #080808;--radius: 20px;--pill: 999px;--ease: .25s cubic-bezier(.4, 0, .2, 1);--content-w: 420px}.mp{position:relative;width:100%;overflow:hidden;color:var(--white);background:var(--bg-color);font-family:DM Sans,sans-serif;padding-top:var(--section-padding-desktop-top, 40px);padding-bottom:var(--section-padding-desktop-bottom, 40px)}@media(max-width:768px){.mp{padding-top:var(--section-padding-mobile-top, 20px);padding-bottom:var(--section-padding-mobile-bottom, 20px)}}.mp__bg{position:absolute;top:-80px;right:-80px;bottom:-80px;left:-80px;background-size:cover;background-position:center;filter:blur(80px) saturate(2.2) brightness(.28);transform:scale(1.3);z-index:0}.mp__bg--next{z-index:1;opacity:0;transition:opacity .6s ease}.mp__bg--next.is-fading-in{opacity:1}.mp--bg-solid .mp__bg,.mp--bg-solid .mp__bg--next,.mp--bg-solid .mp__overlay{display:none}.mp__grain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:.038;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px}.mp__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(to bottom,#00000014,#0000 25%,#00000080 75%,#000000e0)}.mp__inner{position:relative;z-index:3;max-width:1300px;margin:0 auto;width:100%}.mp__side{position:absolute;top:50%;transform:translateY(-50%);z-index:20;max-width:var(--side-max-width, 210px);background:var(--glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:12px;padding:8px 12px 8px 8px;cursor:pointer;transition:background var(--ease),transform var(--ease);overflow:hidden;color:inherit;text-align:left}.mp__side:hover{background:var(--glass-hover);transform:translateY(-50%) scale(var(--side-hover-scale, 1.06))}.mp__side:active{transform:translateY(-50%) scale(.97)}.mp__side--left{left:20px;padding:8px 8px 8px 12px}.mp__side--right{right:20px}.mp__side-inner{display:flex;align-items:center;gap:10px}.mp__side--left .mp__side-inner{flex-direction:row-reverse}.mp__side-cover-wrap{position:relative;width:var(--side-cover-size, 48px);height:var(--side-cover-size, 48px);flex-shrink:0;border-radius:7px;overflow:hidden;background:#ffffff14}.mp__side-cover{width:100%;height:100%;object-fit:cover;display:block;border-radius:7px}.mp__side-info{display:flex;flex-direction:column;min-width:0;gap:1px}.mp__side-label{display:flex;align-items:center;gap:3px;font-size:9px;font-weight:500;color:var(--w35);letter-spacing:.7px;text-transform:uppercase;margin-bottom:2px}.mp__side-label svg{opacity:.5;flex-shrink:0}.mp__side-title{font-size:12px;font-weight:500;color:var(--w90);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px;line-height:1.2}.mp__side-artist{font-size:10px;color:var(--w60);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px;line-height:1.3}.mp__main{display:flex;flex-direction:column;align-items:center;padding:24px 16px 32px;gap:12px}.mp__content{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:var(--content-w)}.mp--layout-side-right .mp__main{flex-direction:row;align-items:center;justify-content:center;gap:40px;padding:30px;min-height:auto}.mp--layout-side-right .mp__artwork-wrap{flex:0 0 auto;order:1}.mp--layout-side-right .mp__content{flex:1;align-items:flex-start;max-width:400px;padding:0}.mp--img-small .mp__artwork-wrap{width:320px!important}.mp--img-medium .mp__artwork-wrap{width:420px!important}.mp--img-large .mp__artwork-wrap{width:520px!important}.mp--img-x-large .mp__artwork-wrap{width:620px!important}@media(max-width:1024px){.mp--layout-side-left .mp__main,.mp--layout-side-right .mp__main{flex-direction:column;align-items:center;gap:20px;padding:28px 20px 40px}.mp--layout-side-left .mp__content,.mp--layout-side-right .mp__content{align-items:center;max-width:var(--content-w)}.mp--layout-side-left .mp__artwork-wrap,.mp--layout-side-right .mp__artwork-wrap{order:unset;width:90vw!important;aspect-ratio:auto;height:56vw;max-height:340px}}.mp__artwork-wrap{position:relative;width:min(var(--content-w),80vw);aspect-ratio:1;border-radius:var(--border-radius-desktop, 20px);overflow:hidden;flex-shrink:0;box-shadow:0 24px 60px #00000080;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s ease;animation:fadeUp .6s ease .05s both}.mp__artwork-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(145deg,rgba(255,255,255,.08) 0%,transparent 40%,rgba(0,0,0,.12) 100%);pointer-events:none}.mp__artwork-wrap:hover{transform:scale(1.015) translateY(-2px)}.mp__artwork{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .4s ease}.mp__artwork.is-changing{opacity:0}.mp__badge{display:inline-flex;align-items:center;gap:7px;padding:5px 13px;border-radius:var(--pill);background:var(--w08);font-size:11px;font-weight:500;color:var(--w60);letter-spacing:.7px;text-transform:uppercase;animation:fadeUp .5s ease .1s both}.mp__bars{display:flex;align-items:flex-end;gap:2px;height:10px}.mp__bar{display:block;width:2px;height:3px;border-radius:1px;background:var(--accent);opacity:.8;animation:soundbar 1s ease-in-out infinite}.mp__bar:nth-child(1){animation-duration:.9s;animation-delay:0s}.mp__bar:nth-child(2){animation-duration:1.1s;animation-delay:.2s}.mp__bar:nth-child(3){animation-duration:.8s;animation-delay:.1s}@keyframes soundbar{0%,to{height:3px}50%{height:10px}}.mp__bars--paused .mp__bar{animation-play-state:paused;height:3px}.mp__info{width:100%;max-width:var(--content-w);animation:fadeUp .5s ease .15s both}.mp--layout-side-left .mp__info,.mp--layout-side-right .mp__info{max-width:400px}.mp__title{font-size:var(--title-size-desktop, 24px);font-weight:700;color:var(--white);letter-spacing:-.3px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp__artist{font-size:var(--details-size-desktop, 12px);font-weight:400;color:var(--w60);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.1px}.mp__volume{width:100%;max-width:var(--content-w);display:flex;align-items:center;gap:8px;animation:fadeUp .5s ease .3s both}.mp--layout-side-left .mp__volume,.mp--layout-side-right .mp__volume{max-width:400px}.mp__vol-slider{flex:1;-webkit-appearance:none;appearance:none;height:3px;border-radius:2px;outline:none;cursor:pointer;transition:height .2s}.mp__vol-slider:hover{height:4px}.mp__vol-slider::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:var(--accent);cursor:pointer;transition:transform .15s}.mp__vol-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.mp__vol-slider::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:var(--accent);border:none;cursor:pointer}.mp__progress-wrap{width:100%;max-width:var(--content-w);animation:fadeUp .5s ease .2s both}.mp--layout-side-left .mp__progress-wrap,.mp--layout-side-right .mp__progress-wrap{max-width:400px}.mp__progress-bar{position:relative;height:5px;border-radius:3px;background:var(--w15);cursor:pointer;margin-bottom:10px;outline:none;transition:height .2s ease}.mp__progress-bar:hover{height:5px}.mp__progress-fill{height:100%;width:0%;border-radius:3px;background:var(--accent);pointer-events:none;transition:width .1s linear}.mp__progress-thumb{position:absolute;top:50%;left:0%;width:13px;height:13px;border-radius:50%;background:var(--accent);transform:translate(-50%,-50%) scale(0);transition:transform .2s cubic-bezier(.34,1.56,.64,1);pointer-events:none}.mp__progress-bar:hover .mp__progress-thumb{transform:translate(-50%,-50%) scale(1)}@media(hover:none){.mp__progress-thumb{transform:translate(-50%,-50%) scale(1)}}.mp__times{display:flex;justify-content:space-between;font-size:11px;font-weight:500;color:var(--w35);font-variant-numeric:tabular-nums;letter-spacing:.3px}.mp__controls{width:100%;max-width:var(--content-w);display:flex;align-items:center;justify-content:center;gap:16px;animation:fadeUp .5s ease .25s both}.mp--layout-side-left .mp__controls,.mp--layout-side-right .mp__controls{max-width:400px}.mp__skip{background:var(--skip-bg, rgba(255,255,255,.06));backdrop-filter:blur(var(--skip-blur, 16px));-webkit-backdrop-filter:blur(var(--skip-blur, 16px));border:none;cursor:pointer;color:var(--skip-color, rgba(255,255,255,.6));padding:10px;border-radius:50%;display:flex;align-items:center;transition:color var(--ease),background var(--ease),transform var(--ease)}.mp__skip:hover{background:var(--glass-hover);transform:scale(1.1)}.mp__skip:active{transform:scale(.9)}.mp__play{width:52px;height:52px;border-radius:50%;border:none;background:var(--play-bg, rgba(255,255,255,.72));backdrop-filter:blur(var(--play-blur, 20px));-webkit-backdrop-filter:blur(var(--play-blur, 20px));cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease}.mp__play:hover{transform:scale(1.07)}.mp__play:active{transform:scale(.95)}.mp__play--on-dark #mp-play-icon,.mp__play--on-light #mp-play-icon{fill:#fff}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.mp__side{display:none}.mp__main{position:relative;padding:0;gap:0}.mp__artwork-wrap{position:relative;width:var(--mobile-image-width, 90%)!important;margin:0 auto;aspect-ratio:auto;height:var(--mobile-image-height, 430px)!important;border-radius:var(--border-radius-mobile, var(--border-radius-desktop, 20px))!important;box-shadow:0 30px 70px #0000003d,0 14px 34px #0000002e}.mp--img-medium .mp__artwork-wrap{max-width:var(--mobile-image-width, 90%)!important}.mp__artwork-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000014,#00000059 40%,#0000009e);pointer-events:none}.mp__content{position:absolute;bottom:20px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:14px;z-index:5;margin:auto;width:calc(var(--mobile-image-width, 90%) - 40px)}.mp__info{align-items:center;text-align:center}.mp__title,.mp__artist{white-space:normal}.mp__progress-wrap,.mp__controls,.mp__volume{max-width:100%}.mp__controls{justify-content:center}.mp__title{font-size:var(--title-size-mobile, 22px)}.mp__artist{font-size:var(--details-size-mobile, 12px)}.mp__play{width:54px;height:54px}}.mp__artwork-fullbleed-wrap{display:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.mp__artwork-fullbleed-img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .4s ease}.mp__artwork-fullbleed-img.is-changing{opacity:0}@media(min-width:769px){.mp--artwork-fullbleed-desktop .mp__artwork-fullbleed-wrap{display:block}.mp--artwork-fullbleed-desktop{min-height:var(--fullbleed-height-desktop, 620px)}.mp--artwork-fullbleed-desktop .mp__artwork-wrap{display:none}.mp--artwork-fullbleed-desktop .mp__inner{height:var(--fullbleed-height-desktop, 620px);display:flex;flex-direction:column;justify-content:flex-end}.mp--artwork-fullbleed-desktop .mp__main{padding-bottom:40px;gap:16px}}@media(max-width:768px){.mp--artwork-fullbleed-mobile .mp__artwork-fullbleed-wrap{display:block}.mp--artwork-fullbleed-mobile{min-height:var(--mobile-image-height, 430px)}.mp--artwork-fullbleed-mobile .mp__artwork-wrap{display:none}.mp--artwork-fullbleed-mobile .mp__inner{height:var(--mobile-image-height, 430px);display:flex;flex-direction:column;justify-content:flex-end}.mp--artwork-fullbleed-mobile .mp__main{padding-bottom:0;gap:16px}}.mp__tracklist{display:none}@media(max-width:768px){.mp__tracklist{display:flex;overflow-x:auto;gap:var(--thumb-gap, 10px);padding:var(--tracklist-padding-top, 14px) var(--tracklist-padding-x, 20px) var(--tracklist-padding-bottom, 20px);scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;justify-content:center}.mp__tracklist::-webkit-scrollbar{display:none}.mp__track-thumb{display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:none;cursor:pointer;flex-shrink:0;width:var(--thumb-size, 60px);padding:0;opacity:.45;transition:opacity var(--ease),transform var(--ease)}.mp__track-thumb.is-active{opacity:1}.mp__track-thumb:active{transform:scale(.94)}.mp__track-thumb-img-wrap{width:var(--thumb-size, 60px);height:var(--thumb-size, 60px);border-radius:var(--thumb-shape-radius, 10px);overflow:hidden;background:var(--w15);flex-shrink:0}.mp__track-thumb-img,.mp__track-thumb-placeholder{width:100%;height:100%;object-fit:cover;display:block}.mp__track-thumb-title{display:none;font-size:var(--thumb-title-size, 10px);font-weight:500;color:var(--w90);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:var(--thumb-size, 60px);text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/290/assets/music.css.map */