/*! Loopsy Audio 1.1.1
 * The brand look lives here, once. Change a value below and every page follows.
 */loopsy-audio,.lp-mini,.lp-toast{--lp-accent: #1ed760;--lp-accent-ink: #0f0f0f;--lp-wave: #ffffff;--lp-text: #ececec;--lp-muted: rgba(236, 236, 236, .6);--lp-surface: rgba(255, 255, 255, .06);--lp-line: rgba(255, 255, 255, .14);--lp-panel: #171717;--lp-radius: 12px;--lp-wave-h: 44px;--lp-btn: 44px;--lp-gap: 8px}loopsy-audio{display:block;color:var(--lp-text)}loopsy-audio [hidden],.lp-mini[hidden]{display:none!important}.lp-audio--section{padding-block:var(--lp-pad, 2rem);padding-inline:max(var(--container-gutter, 1.25rem),calc((100% - var(--container-max-width, 1800px)) / 2))}.lp-audio__inner{max-width:var(--lp-width, 100%);margin-inline:auto}.lp-audio__header{margin-bottom:1.5rem;text-align:var(--lp-align, center)}.lp-audio__heading{margin:0}.lp-audio__sub{margin-top:.75rem}.lp-audio__sub>:first-child{margin-top:0}.lp-audio__sub>:last-child{margin-bottom:0}.lp-bar{display:flex;align-items:center;gap:8px;margin-bottom:12px;min-height:36px}.lp-chips{display:flex;flex:1 1 auto;gap:8px;min-width:0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-block:2px}.lp-chips::-webkit-scrollbar{display:none}.lp-chip,.lp-tab,.lp-pill{-webkit-appearance:none;appearance:none;flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border:1px solid var(--lp-line);border-radius:999px;background:transparent;color:var(--lp-text);font:inherit;font-size:13px;line-height:1;white-space:nowrap;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.lp-chip[aria-pressed=true],.lp-tab[aria-selected=true]{border-color:var(--lp-text);background:var(--lp-text);color:var(--lp-accent-ink)}.lp-pill--primary{border-color:var(--lp-accent);background:var(--lp-accent);color:var(--lp-accent-ink);font-weight:600}.lp-pill--icon{justify-content:center;width:36px;padding:0;color:var(--lp-muted)}.lp-pill--icon[aria-pressed=true]{border-color:var(--lp-accent);color:var(--lp-accent)}.lp-tabs{display:flex;gap:8px;margin-bottom:12px;overflow-x:auto;scrollbar-width:none;justify-content:var(--lp-tabs-justify, center)}.lp-tabs::-webkit-scrollbar{display:none}@media(max-width:749px){.lp-tabs{justify-content:flex-start}}.lp-list{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--lp-gap)}@media(max-width:749px){.lp-list{--lp-gap: 4px}.lp-track{padding-block:6px}}@media(min-width:750px){.lp-list{grid-template-columns:repeat(var(--lp-cols, 2),minmax(0,1fr));column-gap:24px}}.lp-track{--lp-p: 0%;display:grid;grid-template-columns:var(--lp-btn) minmax(0,1fr);column-gap:10px;row-gap:4px;align-items:center;padding:10px 12px;border:1px solid transparent;border-radius:var(--lp-radius);scroll-margin-block:96px;transition:box-shadow .3s ease,border-color .3s ease,background-color .3s ease}.lp-track.is-current,.lp-track.is-linked{background:var(--lp-surface)}.lp-track[data-state=playing],.lp-track[data-state=loading]{border-color:var(--lp-accent);border-color:color-mix(in srgb,var(--lp-accent) 50%,transparent);box-shadow:0 0 15px 3px var(--lp-accent);box-shadow:0 0 15px 3px color-mix(in srgb,var(--lp-accent) 70%,transparent)}.lp-audio--no-glow .lp-track[data-state=playing],.lp-audio--no-glow .lp-track[data-state=loading]{box-shadow:none}.lp-track.is-linked:not(.is-current){border-color:var(--lp-line)}.lp-track__btn,.lp-mini__btn{-webkit-appearance:none;appearance:none;position:relative;display:grid;place-items:center;width:var(--lp-btn);height:var(--lp-btn);padding:0;border:0;border-radius:50%;background:transparent;color:var(--lp-wave);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .15s ease,transform .1s ease}.lp-track__btn:active,.lp-mini__btn:active{transform:scale(.94)}@media(hover:hover){.lp-track__btn:hover,.lp-mini__btn:hover{background:var(--lp-surface)}.lp-chip:hover,.lp-tab:not([aria-selected=true]):hover,.lp-pill--icon:hover{border-color:var(--lp-text)}}.lp-track__btn:focus-visible,.lp-mini__btn:focus-visible,.lp-mini__info:focus-visible,.lp-chip:focus-visible,.lp-tab:focus-visible,.lp-pill:focus-visible,.lp-wave:focus-visible{outline:2px solid var(--lp-accent);outline-offset:2px}.lp-track__btn>*,.lp-mini__toggle>*{grid-area:1 / 1}.lp-ico{display:grid;place-items:center;transition:opacity .15s ease,transform .15s ease}.lp-ico--play svg{transform:translate(1px)}.lp-ico--pause{opacity:0;transform:scale(.7)}[data-state=playing]>.lp-track__btn .lp-ico--play,[data-state=playing]>.lp-mini__toggle .lp-ico--play{opacity:0;transform:scale(.7)}[data-state=playing]>.lp-track__btn .lp-ico--pause,[data-state=playing]>.lp-mini__toggle .lp-ico--pause{opacity:1;transform:none}.lp-spin{width:20px;height:20px;border:2px solid var(--lp-line);border-top-color:var(--lp-wave);border-radius:50%;opacity:0;animation:lp-spin .8s linear infinite;animation-play-state:paused}[data-state=loading]>.lp-track__btn .lp-ico,[data-state=loading]>.lp-mini__toggle .lp-ico{opacity:0}[data-state=loading]>.lp-track__btn .lp-spin,[data-state=loading]>.lp-mini__toggle .lp-spin{opacity:1;animation-play-state:running}@keyframes lp-spin{to{transform:rotate(360deg)}}.lp-track[data-state=error]{opacity:.45}.lp-track[data-state=error] .lp-track__btn{cursor:not-allowed}.lp-track[data-state=error] .lp-wave{pointer-events:none}.lp-wave{position:relative;height:var(--lp-wave-h);border-radius:4px;cursor:pointer;touch-action:pan-y;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.lp-wave svg{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;overflow:hidden;pointer-events:none}.lp-wave__base{fill:var(--lp-wave)}.lp-wave__prog{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(0 calc(100% - var(--lp-p)) 0 0);pointer-events:none}.lp-wave__prog svg{fill:var(--lp-accent)}.lp-wave:after{content:"";position:absolute;top:0;bottom:0;left:var(--lp-p);width:2px;margin-left:-1px;border-radius:1px;background:var(--lp-accent);opacity:0;pointer-events:none}.lp-track.is-current .lp-wave:after{opacity:1}.lp-audio--bars .lp-wave svg{-webkit-mask-image:repeating-linear-gradient(90deg,#000 0 2px,transparent 2px 4px);mask-image:repeating-linear-gradient(90deg,#000 0 2px,transparent 2px 4px)}.lp-track__meta{grid-column:2;display:flex;align-items:baseline;gap:8px;min-width:0;font-size:13px;line-height:1.35}.lp-track__title{flex:0 1 auto;min-width:3ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--lp-text)}.lp-track__note{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--lp-muted);font-size:12px}.lp-track__time{flex:0 0 auto;margin-left:auto;color:var(--lp-muted);font-size:12px;font-variant-numeric:tabular-nums}.lp-audio--demo .lp-track{padding:12px 14px;background:var(--lp-panel)}.lp-note{margin-bottom:12px;padding:12px 14px;border:1px dashed var(--lp-line);border-radius:var(--lp-radius);color:var(--lp-text);font-size:13px;line-height:1.5}.lp-note strong{color:#ffb020}.lp-note ul{margin:6px 0 0;padding-left:18px}.lp-mini{--lp-p: 0%;position:fixed;z-index:3;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px) + var(--lp-mini-lift, 0px));display:flex;align-items:center;gap:2px;padding:6px 6px 6px 8px;overflow:hidden;border:1px solid var(--lp-line);border-radius:14px;background:var(--lp-panel);color:var(--lp-text);box-shadow:0 8px 30px #00000080;opacity:0;transform:translateY(12px);transition:opacity .2s ease,transform .2s ease,bottom .2s ease}.lp-mini.is-open{opacity:1;transform:none}@media(min-width:750px){.lp-mini{left:16px;right:auto;bottom:calc(16px + var(--lp-mini-lift, 0px));width:380px}}.lp-mini__bar{position:absolute;top:0;left:0;width:100%;height:2px;background:var(--lp-accent);transform-origin:left;clip-path:inset(0 calc(100% - var(--lp-p)) 0 0)}.lp-mini__info{-webkit-appearance:none;appearance:none;flex:1 1 auto;display:flex;flex-direction:column;gap:2px;min-width:0;padding:4px 6px;border:0;border-radius:8px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.lp-mini__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.3}.lp-mini__time{color:var(--lp-muted);font-size:11px;font-variant-numeric:tabular-nums;line-height:1.2}.lp-mini__btn{flex:0 0 auto}.lp-mini__btn[disabled]{opacity:.3;cursor:default}.lp-toast{position:fixed;z-index:4;left:50%;bottom:calc(84px + env(safe-area-inset-bottom,0px));max-width:calc(100vw - 32px);padding:10px 16px;border:1px solid var(--lp-line);border-radius:999px;background:var(--lp-panel);color:var(--lp-text);font-size:13px;line-height:1.3;box-shadow:0 8px 30px #00000080;opacity:0;pointer-events:none;transform:translate(-50%,8px);transition:opacity .2s ease,transform .2s ease}.lp-toast.is-open{opacity:1;transform:translate(-50%)}@media(prefers-reduced-motion:reduce){.lp-track,.lp-ico,.lp-mini,.lp-toast,.lp-track__btn,.lp-mini__btn{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/129/assets/loopsy-audio.css.map */