.isp-seg{display:inline-flex;align-items:center;gap:calc(6 * var(--u))}.isp-seglab{font-family:var(--font-label);font-size:calc(11 * var(--ut));line-height:calc(16 * var(--ut));font-weight:500;letter-spacing:calc(.88 * var(--ut));text-transform:uppercase;color:var(--muted);margin-right:calc(4 * var(--u))}.isp-chip{-webkit-appearance:none;appearance:none;background:transparent;border:1px solid var(--line);border-radius:2px;padding:0 calc(12 * var(--u));height:calc(34 * var(--u));font-family:var(--font-label);font-size:calc(11 * var(--ut));line-height:1;font-weight:500;letter-spacing:calc(.88 * var(--ut));text-transform:uppercase;color:var(--muted);cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease}.isp-chip:hover{color:var(--ink);border-color:var(--ink)}.isp-chip.is-on{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.isp-card{display:flex;flex-direction:column;gap:calc(18 * var(--u));border:1px solid var(--line);border-radius:2px;background:#fff;padding:calc(22 * var(--u))}.isp-card[hidden]{display:none}.isp-head{display:flex;align-items:center;gap:calc(16 * var(--u))}.isp-media{flex:none;width:calc(64 * var(--u));height:calc(64 * var(--u));border-radius:2px;background:var(--bg-alt);overflow:hidden}.isp-media img{width:100%;height:100%;object-fit:cover;display:block}.isp-id{min-width:0}.isp-name{margin:0;font-size:calc(18 * var(--ut));line-height:calc(24 * var(--ut));font-weight:600;letter-spacing:calc(-.2 * var(--ut));color:var(--ink)}.isp-notes{margin:calc(2 * var(--u)) 0 0;font-family:var(--font-label);font-size:calc(11 * var(--ut));line-height:calc(16 * var(--ut));font-weight:500;letter-spacing:calc(.88 * var(--ut));text-transform:uppercase;color:var(--muted)}.isp-layout{margin:calc(6 * var(--u)) 0 0;font-size:calc(13 * var(--ut));line-height:calc(20 * var(--ut));color:var(--muted);overflow-wrap:anywhere}.isp-player{display:flex;align-items:center;gap:calc(10 * var(--u))}.isp-play{flex:none;display:inline-flex;align-items:center;justify-content:center;width:calc(44 * var(--u));height:calc(44 * var(--u));border-radius:50%;border:0;background:var(--accent);color:#fff;cursor:pointer;transition:opacity .2s ease,transform .2s ease}.isp-play:hover{transform:scale(1.04)}.isp-play .isp-ico--pause,.isp-card.is-playing .isp-play .isp-ico--play{display:none}.isp-card.is-playing .isp-play .isp-ico--pause{display:block}.isp-card.is-empty .isp-play{opacity:.3;cursor:default;transform:none}.isp-card.is-empty .isp-seek{opacity:.4;pointer-events:none}.isp-card:not(.isp-card--compact) .isp-player{gap:calc(16 * var(--u))}.isp-card:not(.isp-card--compact) .isp-play{margin:0 calc(10 * var(--u))}.isp-time{flex:none;min-width:calc(34 * var(--u));font-family:var(--font-label);font-size:calc(11 * var(--ut));line-height:calc(16 * var(--ut));font-weight:500;letter-spacing:calc(.44 * var(--ut));color:var(--muted);font-variant-numeric:tabular-nums}.isp-time--dur{text-align:right}.isp-seek{flex:1;min-width:0;appearance:none;-webkit-appearance:none;height:calc(20 * var(--u));background:transparent;margin:0;cursor:pointer}.isp-seek::-webkit-slider-runnable-track{height:2px;background:linear-gradient(to right,var(--accent) 0,var(--accent) var(--isp-pct,0%),var(--line) var(--isp-pct,0%),var(--line) 100%);border-radius:1px}.isp-seek::-moz-range-track{height:2px;background:var(--line);border-radius:1px}.isp-seek::-moz-range-progress{height:2px;background:var(--accent);border-radius:1px}.isp-seek::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:calc(12 * var(--u));height:calc(12 * var(--u));border-radius:50%;background:var(--accent);border:2px solid #fff;box-shadow:0 0 0 1px var(--accent);margin-top:calc(-5 * var(--u))}.isp-seek::-moz-range-thumb{width:calc(12 * var(--u));height:calc(12 * var(--u));border-radius:50%;background:var(--accent);border:2px solid #fff;box-shadow:0 0 0 1px var(--accent)}.isp-seek:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.isp-soon{margin:calc(-8 * var(--u)) 0 0;font-size:calc(13 * var(--ut));line-height:calc(20 * var(--ut));color:var(--soft)}.isp-soon[hidden]{display:none}.isp-link{display:inline-flex;align-items:center;gap:calc(6 * var(--u));margin-top:auto;font-family:var(--font-label);font-size:calc(11 * var(--ut));line-height:calc(16 * var(--ut));font-weight:500;letter-spacing:calc(.88 * var(--ut));text-transform:uppercase;color:var(--ink);transition:color .2s ease}.isp-link:hover{color:var(--accent)}.isp-card--compact{gap:calc(12 * var(--u));padding:calc(16 * var(--u)) calc(18 * var(--u))}.isp-caplab{display:flex;align-items:center;justify-content:space-between;gap:calc(12 * var(--u));margin:0;font-family:var(--font-label);font-size:calc(11 * var(--ut));line-height:calc(16 * var(--ut));font-weight:500;letter-spacing:calc(.88 * var(--ut));text-transform:uppercase;color:var(--ink)}.isp-caplab .isp-tune{color:var(--muted);white-space:nowrap}.isp-card--compact .isp-soon{margin-top:calc(-4 * var(--u))}.isp-card--compact .isp-link{margin-top:0;text-transform:none;letter-spacing:0;font-family:inherit;font-size:calc(13 * var(--ut));line-height:calc(20 * var(--ut));font-weight:400;color:var(--muted);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-light)}.isp-card--compact .isp-link:hover{color:var(--ink)}@media(max-width:809.98px){.isp-chip{height:36px;padding:0 12px;font-size:11px}.isp-card{padding:16px;gap:14px}.isp-card--compact{padding:14px 16px;gap:10px}.isp-media{width:56px;height:56px}.isp-name{font-size:17px;line-height:23px}.isp-layout{font-size:13px;line-height:19px}.isp-player{gap:8px}.isp-play{width:44px;height:44px}.isp-head{gap:16px}.isp-card:not(.isp-card--compact) .isp-player{gap:16px}.isp-card:not(.isp-card--compact) .isp-play{margin:0 6px}.isp-time{min-width:32px;font-size:11px}.isp-seek{height:24px}.isp-caplab{font-size:11px}.isp-card--compact .isp-link{font-size:13px;line-height:20px;padding:6px 0}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/sonant-audio.css.map */