/*! Loopsy Audio 1.6.0
 * 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, .09);--lp-line: rgba(255, 255, 255, .16);--lp-panel: #171717;--lp-tile: #1f1f1f;--lp-radius: 16px;--lp-panel-radius: 24px;--lp-pill: 60px;--lp-wave-h: 48px;--lp-btn: 44px;--lp-gap: 6px}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;padding:48px 40px 40px;border-radius:var(--lp-panel-radius);background:var(--lp-panel)}@media(max-width:749px){.lp-audio--section{padding-inline:12px}.lp-audio__inner{padding:26px 12px 12px}}.lp-audio__header{margin-bottom:22px;text-align:var(--lp-align, center)}.lp-audio__heading{margin:0;color:#fff}.lp-audio__sub{margin-top:10px;color:var(--lp-muted)}.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:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08);min-height:40px}.lp-chips{display:flex;flex:1 1 auto;gap:2px;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:8px;min-height:40px;padding:0 18px;border:1px solid var(--lp-line);border-radius:var(--lp-pill);background:transparent;color:#fff;font:inherit;font-size:14px;font-weight:700;line-height:1;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.lp-tab{font-family:var(--heading-font-family, inherit)}.lp-tab[aria-selected=true]{border-color:#fff;background:#fff;color:var(--lp-accent-ink)}.lp-chip{min-height:34px;padding:0 12px;border-color:transparent;color:var(--lp-muted);font-size:13px;font-weight:500}.lp-chip[aria-pressed=true]{background:#ffffff24;color:#fff;font-weight:600}@media(pointer:coarse){.lp-chip{min-height:40px}}.lp-pill--primary{padding:0 18px 0 14px;border-color:var(--lp-accent);background:var(--lp-accent);color:var(--lp-accent-ink);font-family:var(--heading-font-family, inherit)}.lp-pill--icon{justify-content:center;width:40px;padding:0;border-radius:50%}.lp-pill--icon[aria-pressed=true]{border-color:var(--lp-accent);color:var(--lp-accent)}.lp-tabs{display:flex;gap:8px;margin-bottom:22px;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;margin-bottom:16px}.lp-tab{min-height:38px;padding:0 14px;font-size:13px}.lp-audio__header{margin-bottom:16px}.lp-bar{margin-bottom:8px;padding-top:10px}}.lp-list{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--lp-gap)}@media(max-width:749px){loopsy-audio{--lp-wave-h: 40px;--lp-gap: 2px}.lp-track{padding:6px 10px;column-gap:10px;row-gap:5px}}@media(min-width:750px){.lp-list{grid-template-columns:repeat(var(--lp-cols, 2),minmax(0,1fr));column-gap:16px}}@media(min-width:1600px){.lp-list{grid-template-columns:repeat(var(--lp-cols-wide, var(--lp-cols, 2)),minmax(0,1fr))}}.lp-track{--lp-p: 0%;display:grid;grid-template-columns:var(--lp-btn) minmax(0,1fr);column-gap:14px;row-gap:6px;align-items:center;padding:10px 14px;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-tile)}.lp-track[data-state=playing],.lp-track[data-state=loading]{transition-duration:.12s;border-color:var(--lp-accent);border-color:color-mix(in srgb,var(--lp-accent) 55%,transparent);box-shadow:0 0 15px 3px var(--lp-accent);box-shadow:0 0 15px 3px color-mix(in srgb,var(--lp-accent) 60%,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,color .15s ease,transform .1s ease}.lp-track__btn{grid-row:1 / span 2;align-self:center;background:var(--lp-surface)}.lp-mini__toggle{background:var(--lp-surface)}.is-current>.lp-track__btn{background:#ffffff2e}.lp-track[data-state=playing]>.lp-track__btn,.lp-track[data-state=loading]>.lp-track__btn,.lp-mini[data-state=playing]>.lp-mini__toggle,.lp-mini[data-state=loading]>.lp-mini__toggle{background:var(--lp-accent);color:var(--lp-accent-ink)}.lp-track__btn:active,.lp-mini__btn:active{transform:scale(.94)}@media(hover:hover){.lp-track:not([data-state=playing]):not([data-state=loading])>.lp-track__btn:hover{background:var(--lp-wave);color:var(--lp-accent-ink)}.lp-mini__btn:not(.lp-mini__toggle):hover{background:var(--lp-surface)}.lp-tab:not([aria-selected=true]):hover,.lp-pill--icon:hover{border-color:#fff}.lp-chip:not([aria-pressed=true]):hover{color:#fff}}.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:block;width:18px;height:18px;background:currentColor;-webkit-mask:var(--lp-ico) center / contain no-repeat;mask:var(--lp-ico) center / contain no-repeat;transition:opacity .08s ease,transform .08s ease}.lp-ico--play{--lp-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1 0 20 20'%3E%3Cpath d='M6.3 2.84A1.5 1.5 0 0 0 4 4.11v11.78a1.5 1.5 0 0 0 2.3 1.27l9.34-5.89a1.5 1.5 0 0 0 0-2.54L6.3 2.84Z'/%3E%3C/svg%3E")}.lp-ico--pause{--lp-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.75 3a.75.75 0 0 0-.75.75v12.5c0 .41.34.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75A.75.75 0 0 0 7.25 3h-1.5Zm7 0a.75.75 0 0 0-.75.75v12.5c0 .41.34.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75a.75.75 0 0 0-.75-.75h-1.5Z'/%3E%3C/svg%3E");opacity:0;transform:scale(.7)}@media(forced-colors:active){.lp-ico{forced-color-adjust:none;background:ButtonText}}[data-state=playing]>.lp-track__btn .lp-ico--play,[data-state=playing]>.lp-mini__toggle .lp-ico--play,[data-state=loading]>.lp-track__btn .lp-ico--play,[data-state=loading]>.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,[data-state=loading]>.lp-track__btn .lp-ico--pause,[data-state=loading]>.lp-mini__toggle .lp-ico--pause{opacity:1;transform:none}.lp-spin{width:20px;height:20px;border:2px solid transparent;border-color:color-mix(in srgb,currentColor 25%,transparent);border-top-color:currentColor;border-radius:50%;opacity:0;animation:lp-spin .8s linear infinite;animation-play-state:paused}[data-state=loading]>.lp-track__btn .lp-ico--pause,[data-state=loading]>.lp-mini__toggle .lp-ico--pause{animation:lp-wait-out .01s linear .35s forwards}[data-state=loading]>.lp-track__btn .lp-spin,[data-state=loading]>.lp-mini__toggle .lp-spin{animation:lp-spin .8s linear infinite,lp-wait-in .01s linear .35s forwards}@keyframes lp-spin{to{transform:rotate(360deg)}}@keyframes lp-wait-out{to{opacity:0}}@keyframes lp-wait-in{to{opacity:1}}.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);container-type:inline-size;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:visible;pointer-events:none;fill:none;stroke-linecap:round;stroke-width:2px;stroke-width:max(1.5px,.6cqw)}.lp-audio--fine .lp-wave svg{stroke-width:max(1px,.3cqw)}.lp-wave__base{stroke:var(--lp-wave)}.lp-wave__prog{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(-6px calc(100% - var(--lp-p)) -6px 0);pointer-events:none}.lp-wave__prog svg{stroke:var(--lp-accent)}.lp-wave:after{content:"";position:absolute;top:-2px;bottom:-2px;left:var(--lp-p);width:2px;margin-left:-1px;border-radius:1px;background:var(--lp-accent);opacity:0;pointer-events:none}.lp-track.is-scrubbing .lp-wave:after{opacity:1}.lp-track__meta{grid-column:2;display:flex;align-items:baseline;gap:8px;min-width:0;font-size:15px;line-height:1.25}.lp-track__title{flex:0 1 auto;min-width:3ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-weight:600}.lp-track__note{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--lp-muted);font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.lp-track__time{flex:0 0 auto;margin-left:auto;color:var(--lp-muted);font-size:12px;font-weight:500;font-variant-numeric:tabular-nums}.lp-track.is-current [data-lp-cur]{color:var(--lp-text)}@media(max-width:749px){.lp-track__meta{font-size:14px}}.lp-audio--demo .lp-track{padding:12px 14px;background:var(--lp-panel)}.lp-audio--demo .lp-track.is-current{background:var(--lp-tile)}.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:4px;padding:8px 6px 8px 8px;overflow:hidden;border:1px solid var(--lp-line);border-radius:var(--lp-radius);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;color:#fff;font-size:14px;font-weight:600;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:var(--lp-pill);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/130/assets/loopsy-audio.css.map */