.eden-audio{--eden-audio-played:var(--eden-cover-color,var(--eden-accent,#6665dc));--eden-audio-ink:var(--eden-cover-accent,var(--eden-ink,#222320));--eden-audio-on-accent:var(--eden-cover-on-accent,#fff);--eden-audio-rest:var(--eden-cover-muted,#c6c6bf);--eden-audio-line:color-mix(in srgb,var(--eden-audio-played) 16%,transparent);--eden-audio-surface:var(--eden-cover-soft,#f3f3f0);--eden-audio-tint:var(--eden-cover-tint,var(--eden-tag-bg,#ececf6));display:block;container-type:inline-size;margin-block:0;padding:clamp(16px,2.2vw,22px);border:1px solid var(--eden-audio-line);border-radius:18px;background:linear-gradient(145deg,var(--eden-audio-surface),#fdfdfa);box-shadow:0 8px 28px -20px color-mix(in srgb,var(--eden-audio-played) 28%,transparent)}.eden-audio__head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.eden-audio__head .eden-eyebrow:first-child{display:flex;align-items:center;gap:8px;color:var(--eden-audio-ink)}.eden-audio__head .eden-eyebrow:first-child:not(:empty):before{content:"";width:6px;height:6px;border-radius:50%;background:var(--eden-audio-played);flex:none}.eden-audio__list{list-style:none;margin:0;padding:0;display:grid;gap:2px}.eden-audio__track{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"no   name name badge" "play wave wave time";align-items:center;row-gap:8px;column-gap:10px;padding:12px 6px;border-top:1px solid transparent;border-radius:10px;transition:background-color .3s ease,box-shadow .3s ease}.eden-audio__no{grid-area:no}.eden-audio__name{grid-area:name}.eden-audio__badge{grid-area:badge;justify-self:end}.eden-audio__play{grid-area:play}.eden-audio__wave{grid-area:wave}.eden-audio__time{grid-area:time}@container (min-width: 460px){.eden-audio__track{grid-template-columns:auto auto minmax(72px,auto) auto minmax(110px,1fr) auto;grid-template-areas:"play no name badge wave time";row-gap:0;column-gap:12px;padding:9px 6px}.eden-audio__badge{justify-self:start}}.eden-audio__track+.eden-audio__track{border-top-color:var(--eden-audio-line)}.eden-audio__track:hover{background:#fff9}.eden-audio__track.is-playing{background:var(--eden-audio-tint);box-shadow:inset 2px 0 var(--eden-audio-played)}.eden-audio__play{display:grid;place-items:center;position:relative;width:44px;height:44px;flex:none;padding:0;border:1px solid var(--eden-audio-played);border-radius:50%;background:var(--eden-audio-played);color:var(--eden-audio-on-accent);cursor:pointer;transition:background-color .3s ease,color .3s ease,transform .3s cubic-bezier(.22,1,.36,1)}.eden-audio__play:hover{background:var(--eden-audio-played);border-color:var(--eden-audio-ink);color:var(--eden-audio-on-accent);transform:scale(1.06)}.eden-audio__track.is-playing .eden-audio__play{background:var(--eden-audio-played);border-color:var(--eden-audio-ink);color:var(--eden-audio-on-accent);box-shadow:0 0 0 4px var(--eden-audio-tint)}.eden-audio__play:focus-visible{outline:2px solid var(--eden-audio-ink);outline-offset:3px}.eden-audio__icon{width:20px;height:20px;grid-area:1/1}.eden-audio__icon--pause,.eden-audio__track.is-playing .eden-audio__icon--play{display:none}.eden-audio__track.is-playing .eden-audio__icon--pause{display:block}.eden-audio__spinner{grid-area:1/1;width:20px;height:20px;border-radius:50%;display:none;border:2px solid currentColor;border-top-color:transparent;animation:eden-audio-spin .7s linear infinite}.eden-audio__track.is-loading .eden-audio__spinner{display:block}.eden-audio__track.is-loading :is(.eden-audio__icon--play,.eden-audio__icon--pause){display:none}@keyframes eden-audio-spin{to{transform:rotate(1turn)}}.eden-audio__no{font-family:var(--font-subheading--family);font-size:10px;letter-spacing:1.4px;color:var(--eden-muted,#72736d)}.eden-audio__name{font-family:var(--font-body--family);font-size:15px;line-height:1.2;color:var(--eden-ink,#222320);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:lowercase}.eden-audio__track.is-playing .eden-audio__name{font-weight:500;color:var(--eden-audio-ink)}.eden-audio__badge{font-family:var(--font-subheading--family);font-size:9px;letter-spacing:1.2px;white-space:nowrap;padding:4px 8px;border-radius:999px;background:var(--eden-audio-tint);color:var(--eden-audio-ink)}.eden-audio__wave{position:relative;min-width:0;height:44px;cursor:pointer;touch-action:none;border-radius:6px}.eden-audio__wave:focus-visible{outline:2px solid var(--eden-audio-ink);outline-offset:3px}.eden-audio__canvas{display:block;width:100%;height:100%}.eden-audio__time{font-family:var(--font-subheading--family);font-size:10px;letter-spacing:.6px;font-variant-numeric:tabular-nums;color:var(--eden-muted,#72736d);white-space:nowrap}.eden-audio__note{margin:14px 0 0;font-size:11px;line-height:1.5;color:var(--eden-muted,#72736d)}.eden-audio__track.is-error .eden-audio__name{opacity:.5;text-decoration:line-through}@media(prefers-reduced-motion:reduce){.eden-audio__play,.eden-audio__track{transition:none}.eden-audio__spinner{animation-duration:1.6s}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/eden-audio.css.map */