.mmp{--mmp-accent: #ff1515;--mmp-bg: #0a0a0a;--mmp-fg: #f5f3ef;--mmp-ease: cubic-bezier(.16, 1, .3, 1);position:fixed;left:50%;transform:translate(-50%);bottom:clamp(14px,3vw,32px);z-index:2147483000;font-family:Instrument Sans,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.mmp[hidden]{display:none}.mmp__fx{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;pointer-events:none;opacity:0;z-index:2147483001}.mmp.is-fx .mmp__fx{opacity:1}.mmp__host{position:absolute;left:-9999px;top:auto;width:1px;height:1px;opacity:0;pointer-events:none}.mmp__host iframe{border:0}.mmp.is-ios.is-booted .mmp__host{position:absolute;left:50%;margin-left:-58px;bottom:56px;width:116px;height:66px;opacity:1;pointer-events:auto;border-radius:10px;overflow:hidden;box-shadow:0 6px 22px #00000073}.mmp.is-ios .mmp__host iframe{width:116px;height:66px}.mmp__shell{display:flex;align-items:center;height:48px;border-radius:999px;border:1px solid color-mix(in srgb,var(--mmp-fg) 16%,transparent);background:color-mix(in srgb,var(--mmp-bg) 88%,transparent);color:var(--mmp-fg);overflow:hidden;transform-origin:center bottom;transition:transform .5s var(--mmp-ease),opacity .4s var(--mmp-ease),filter .4s var(--mmp-ease)}.mmp.is-playing .mmp__shell{border-color:color-mix(in srgb,var(--mmp-accent) 55%,transparent)}.mmp__toggle{flex:0 0 auto;width:47px;height:46px;display:grid;place-items:center;background:transparent;border:0;padding:0;color:inherit;cursor:pointer}.mmp__logo{display:block;width:30px;height:30px;object-fit:contain;opacity:.9;transition:opacity .3s var(--mmp-ease),filter .3s var(--mmp-ease)}.mmp.is-playing .mmp__logo{opacity:1;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--mmp-accent) 70%,transparent));animation:mmp-pulse 1.7s var(--mmp-ease) infinite}.mmp__logo--mini{width:24px;height:24px}@keyframes mmp-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.mmp.is-playing:not(.is-min):not(.is-restoring):not(.is-enter) .mmp__shell{animation:mmp-dance .6s ease-in-out infinite}@keyframes mmp-dance{0%,8%{transform:translateY(0) scale(1)}22%{transform:translateY(-7px) scale(.97,1.05)}38%{transform:translateY(0) scale(1.05,.95)}50%{transform:translateY(-3px) scale(.99,1.01)}62%,to{transform:translateY(0) scale(1)}}.mmp__panel{display:flex;align-items:center;gap:1px;max-width:0;opacity:0;padding-right:0;white-space:nowrap;overflow:hidden;transition:max-width .5s var(--mmp-ease),opacity .35s var(--mmp-ease),padding .5s var(--mmp-ease)}.mmp.is-open .mmp__panel{max-width:420px;opacity:1;padding-right:8px}.mmp__ctrl{flex:0 0 auto;width:30px;height:30px;display:grid;place-items:center;background:transparent;border:0;padding:0;color:inherit;cursor:pointer;opacity:.82;border-radius:999px;transition:opacity .2s var(--mmp-ease),color .2s var(--mmp-ease),transform .2s var(--mmp-ease)}.mmp__ctrl:hover{opacity:1;color:var(--mmp-accent)}.mmp__ctrl:active{transform:scale(.86)}.mmp__ctrl--play{color:var(--mmp-accent);opacity:1}.mmp__i-pause,.mmp.is-playing .mmp__i-play{display:none}.mmp.is-playing .mmp__i-pause{display:block}.mmp__thumb{display:none;flex:0 0 auto;width:40px;height:40px;border-radius:8px;object-fit:cover;margin:0 3px 0 6px;background:color-mix(in srgb,var(--mmp-fg) 8%,transparent)}.mmp.is-booted:not(.is-ios) .mmp__thumb{display:block}.mmp__title{margin:0 3px 0 5px;font-size:.72rem;letter-spacing:.03em;opacity:.88;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mmp__title.is-scroll{text-overflow:clip;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 90%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 90%,transparent 100%)}.mmp__title.is-scroll .mmp__title-txt{display:inline-block;animation:mmp-marquee var(--mmp-scroll-dur, 8s) ease-in-out infinite alternate}@keyframes mmp-marquee{0%,12%{transform:translate(0)}88%,to{transform:translate(calc(-1 * var(--mmp-scroll-dist, 0px)))}}.mmp__min{opacity:.6}.mmp__toggle:focus-visible,.mmp__ctrl:focus-visible,.mmp__dot:focus-visible{outline:2px solid var(--mmp-accent);outline-offset:2px;border-radius:999px}.mmp__dot{position:absolute;left:50%;margin-left:-22px;bottom:0;width:44px;height:44px;display:grid;place-items:center;border-radius:999px;border:1px solid color-mix(in srgb,var(--mmp-fg) 16%,transparent);background:color-mix(in srgb,var(--mmp-bg) 88%,transparent);color:var(--mmp-fg);cursor:pointer;opacity:0;transform:scale(.35);pointer-events:none;transition:opacity .4s var(--mmp-ease),transform .5s var(--mmp-ease),border-color .3s var(--mmp-ease)}.mmp.is-playing .mmp__dot{border-color:color-mix(in srgb,var(--mmp-accent) 55%,transparent)}.mmp.is-min .mmp__shell{opacity:0;transform:scale(.3);pointer-events:none}.mmp.is-min .mmp__dot{opacity:1;transform:scale(1);pointer-events:auto}.mmp.is-restoring .mmp__shell{animation:mmp-pop-in .52s var(--mmp-ease) both}@keyframes mmp-pop-in{0%{opacity:0;transform:scale(.82) translateY(6px)}55%{opacity:1;transform:scale(1.04) translateY(0)}to{opacity:1;transform:scale(1)}}.mmp.is-enter .mmp__shell{animation:mmp-enter .5s var(--mmp-ease) both}@keyframes mmp-enter{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}@media(max-width:600px){.mmp__title{max-width:96px}.mmp.is-open .mmp__panel{max-width:320px}}@media(prefers-reduced-motion:reduce){.mmp .mmp__logo,.mmp .mmp__title-txt,.mmp.is-restoring .mmp__shell,.mmp.is-enter .mmp__shell,.mmp.is-playing .mmp__shell{animation:none!important}.mmp__shell,.mmp__dot,.mmp__panel{transition-duration:.15s}.mmp__fx{display:none}}html.mmp-cinema-lock{overflow:hidden}.mmp-cinema{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483040;background:#000;overflow:hidden;opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1)}.mmp-cinema.is-open{opacity:1}.mmp.is-cinema{z-index:2147483050}.mmp-cinema__close{position:fixed;top:clamp(14px,3.5vh,30px);right:clamp(14px,3vw,30px);z-index:2;width:42px;height:42px;display:grid;place-items:center;border-radius:999px;border:1px solid rgba(245,243,239,.16);background:#0a0a0ab8;color:#f5f3ef;cursor:pointer;opacity:.7;transition:opacity .2s ease,background .2s ease,color .2s ease,transform .2s ease}.mmp-cinema__close:hover{opacity:1;background:#ff1515;color:#fff;border-color:#ff1515}.mmp-cinema__close:active{transform:scale(.9)}.mmp-cinema__share{position:fixed;top:clamp(14px,3.5vh,30px);right:calc(clamp(14px,3vw,30px) + 52px);z-index:2;width:42px;height:42px;display:grid;place-items:center;border-radius:999px;border:1px solid rgba(245,243,239,.16);background:#0a0a0ab8;color:#f5f3ef;cursor:pointer;opacity:.7;transition:opacity .2s ease,background .2s ease,color .2s ease,transform .2s ease}.mmp-cinema__share:hover{opacity:1;background:#ff1515;color:#fff;border-color:#ff1515}.mmp-cinema__share:active{transform:scale(.9)}.mmp-cinema__scene{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;opacity:0;transition:opacity .55s ease}.mmp-cinema__scene.is-on{opacity:1}.mmp-cinema__panel{position:relative;height:100%;min-width:0;overflow:hidden;background-size:cover;background-position:center}.mmp-cinema__panel+.mmp-cinema__panel{box-shadow:-1px 0 #0000008c}.mmp-cinema.is-portrait .mmp-cinema__scene{flex-direction:column}.mmp-cinema.is-portrait .mmp-cinema__panel{height:auto;width:100%;min-height:0}.mmp-cinema.is-portrait .mmp-cinema__panel+.mmp-cinema__panel{box-shadow:0 -1px #0000008c}.mmp-cinema.is-mosaic .mmp-cinema__scene{flex-direction:column}.mmp-cinema__row{display:flex;flex:1 1 0;min-height:0}.mmp-cinema.is-mosaic .mmp-cinema__panel{height:100%}.mmp-cinema.is-mosaic .mmp-cinema__panel+.mmp-cinema__panel{box-shadow:none}.mmp-cinema__pimg{position:absolute;top:-22%;left:-22%;width:144%;height:144%;max-width:none;max-height:none;object-fit:cover;object-position:center;display:block}.mmp-cinema__progress{position:absolute;top:0;left:0;height:3px;width:0;z-index:4;background:#ff1515;box-shadow:0 0 10px #ff1515a6}.mmp-cinema__progress:after{content:"";position:absolute;right:-2px;top:50%;margin-top:-5px;width:10px;height:10px;border-radius:50%;background:#ff2a2a;box-shadow:0 0 16px 4px #ff1515e6,0 0 3px 1px #ffffff8c;animation:mmp-cin-head 2.4s ease-in-out infinite}@keyframes mmp-cin-head{0%,to{box-shadow:0 0 12px 3px #ff1515b8,0 0 3px 1px #ffffff73}50%{box-shadow:0 0 22px 6px #ff1515fa,0 0 5px 2px #ffffffb3}}.mmp-cinema__geo{position:absolute;top:clamp(18px,4.5vh,40px);left:clamp(16px,3vw,34px);display:flex;align-items:center;gap:9px;color:#fff;pointer-events:none;opacity:0;transform:translateY(-6px);transition:opacity 1.2s ease .5s,transform 1.2s cubic-bezier(.16,1,.3,1) .5s;text-shadow:0 1px 16px rgba(0,0,0,.75)}.mmp-cinema.is-open .mmp-cinema__geo{opacity:.92;transform:none}.mmp-cinema__geo svg{color:#ff1515;flex:0 0 auto;animation:mmp-cin-geo 3.4s ease-in-out infinite}@keyframes mmp-cin-geo{0%,to{opacity:.75}50%{opacity:1}}.mmp-cinema__geo-lines{display:flex;flex-direction:column;line-height:1.28;font-family:Instrument Sans,ui-sans-serif,system-ui,sans-serif}.mmp-cinema__geo-name{font-size:.72rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase}.mmp-cinema__geo-coord{font-size:.6rem;letter-spacing:.09em;opacity:.62;font-variant-numeric:tabular-nums}.mmp-cinema__geo.no-coord .mmp-cinema__geo-coord{display:none}.mmp-cinema__vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:radial-gradient(125% 100% at 50% 42%,transparent 55%,rgba(0,0,0,.55) 100%)}.mmp-cinema__cap{position:absolute;left:0;right:0;bottom:13%;text-align:center;pointer-events:none;opacity:0;transform:translateY(8px);transition:opacity 1s ease,transform 1s cubic-bezier(.16,1,.3,1)}.mmp-cinema__cap.is-on{opacity:1;transform:none}.mmp-cinema__cap span{display:inline-block;max-width:80vw;font-family:Instrument Sans,ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:clamp(.8rem,2.4vw,1.15rem);letter-spacing:.06em;color:#fff;padding:8px 18px;border-radius:999px;background:#00000080;text-shadow:0 1px 22px rgba(0,0,0,.6)}.mmp-cinema__bar{position:absolute;left:50%;bottom:clamp(20px,5vh,48px);display:flex;align-items:center;gap:6px;padding:8px;border-radius:999px;background:#0a0a0acc;border:1px solid rgba(245,243,239,.14);opacity:0;transform:translate(-50%) translateY(14px);pointer-events:none;transition:opacity .4s ease,transform .4s cubic-bezier(.16,1,.3,1)}.mmp-cinema.is-ui .mmp-cinema__bar{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.mmp-cinema__b{width:44px;height:44px;display:grid;place-items:center;background:transparent;border:0;color:#f5f3ef;cursor:pointer;border-radius:999px;opacity:.85;transition:opacity .2s ease,color .2s ease,transform .2s ease,background .2s ease}.mmp-cinema__b:hover{opacity:1;color:#ff1515}.mmp-cinema__b:active{transform:scale(.9)}.mmp-cinema__x:hover{background:#ff1515;color:#fff}@media(prefers-reduced-motion:reduce){.mmp-cinema__scene{transition:opacity .5s linear}.mmp-cinema{transition-duration:.4s}.mmp-cinema__progress:after,.mmp-cinema__geo svg{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/midolo-music-player.css.map */