.egap-player{--egap-main:#a80d24;--egap-dark:#82091c;--egap-deep:#680716;--egap-soft:#c62a41;--egap-font:"Spotify Mix UI Title","Spotify Mix UI",Arial,sans-serif;--egap-radius:14px;--egap-control-radius:999px;position:relative;width:100%;overflow:hidden;border-radius:var(--egap-radius);background:var(--egap-main);color:#fff;font-family:var(--egap-font);box-sizing:border-box}.egap-player *{box-sizing:border-box}.egap-player button,.egap-player a{font:inherit;-webkit-tap-highlight-color:transparent}.egap-player audio,.egap-data,.egap-svg-sprite{display:none}.egap-icon{display:block;width:100%;height:100%;fill:currentColor}.egap-top{position:relative;display:grid;grid-template-columns:clamp(64px,14vw,220px) minmax(0,1fr);grid-template-areas:'art info' 'art controls';gap:clamp(8px,1.2vw,16px) clamp(14px,2.5vw,32px);padding:clamp(14px,2.2vw,26px);min-height:170px}.egap-art-button{grid-area:art;width:clamp(64px,14vw,220px);min-width:64px;min-height:64px;aspect-ratio:1/1;padding:0;border:0;border-radius:9px;overflow:hidden;background:var(--egap-soft);align-self:center;cursor:pointer}.egap-art{display:block;width:100%;height:100%;aspect-ratio:1/1;object-fit:cover}.egap-info{grid-area:info;align-self:end;min-width:0}.egap-title-button{display:block;max-width:100%;padding:0;border:0;background:transparent;color:#fff;text-align:left;cursor:pointer}.egap-title{display:block;overflow:hidden;text-overflow:ellipsis;font-size:clamp(18px,3vw,32px);font-weight:900;line-height:1.05;white-space:nowrap}.egap-artist-line{display:flex;align-items:center;gap:6px;min-width:0;margin-top:8px}.egap-artist{overflow:hidden;text-overflow:ellipsis;font-size:clamp(12px,1.5vw,16px);font-weight:700;line-height:1.25;opacity:.78;white-space:nowrap}.egap-current-explicit,.egap-explicit{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-width:15px;height:15px;padding:0 4px;border-radius:2px;background:var(--egap-deep);color:#fff;font-size:8px;font-weight:600;line-height:1}.egap-current-explicit[hidden]{display:none}.egap-save{margin-top:11px;color:#fff;text-decoration:none;font-size:clamp(11px,1.3vw,14px);font-weight:700;display:inline-flex;align-items:center;gap:10px}.egap-save[hidden]{display:none}.egap-plus{display:inline-flex;width:24px;height:24px}.egap-corner-actions{position:absolute;z-index:3;right:clamp(12px,2vw,24px);top:clamp(12px,2vw,22px);display:flex;align-items:center;justify-content:flex-end;gap:5px;max-width:55%;flex-wrap:wrap}.egap-corner-action{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:opacity .18s ease,transform .18s ease}.egap-corner-action:hover{opacity:.82;transform:translateY(-1px)}.egap-action-cart{width:26px;height:26px}.egap-controls{grid-area:controls;display:grid;grid-template-columns:20px minmax(72px,1fr) 20px 54px 28px 48px;align-items:center;gap:clamp(7px,1vw,12px)}.egap-controls button{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:#fff;padding:0;cursor:pointer}.egap-prev,.egap-next{width:20px;height:20px}.egap-progress{position:relative;min-width:0;align-self:center}.egap-progress-mobile{display:none}.egap-progress input{-webkit-appearance:none;appearance:none;width:100%;height:14px;margin:0;background:transparent;display:block;cursor:pointer;--egap-progress:0%}.egap-progress input::-webkit-slider-runnable-track{height:4px;border-radius:var(--egap-control-radius);background:linear-gradient(to right,#fff 0,#fff var(--egap-progress),var(--egap-seek-bg,var(--egap-deep)) var(--egap-progress),var(--egap-seek-bg,var(--egap-deep)) 100%)}.egap-progress input::-moz-range-track{height:4px;border:0;border-radius:var(--egap-control-radius);background:linear-gradient(to right,#fff 0,#fff var(--egap-progress),var(--egap-seek-bg,var(--egap-deep)) var(--egap-progress),var(--egap-seek-bg,var(--egap-deep)) 100%)}.egap-progress input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:10px;margin-top:-3px;border:0;border-radius:50%;background:#fff;opacity:0;transition:opacity .12s ease}.egap-progress input::-moz-range-thumb{width:10px;height:10px;border:0;border-radius:50%;background:#fff;opacity:0;transition:opacity .12s ease}.egap-progress:hover input::-webkit-slider-thumb,.egap-progress.is-interacting input::-webkit-slider-thumb,.egap-progress input:focus-visible::-webkit-slider-thumb{opacity:1}.egap-progress:hover input::-moz-range-thumb,.egap-progress.is-interacting input::-moz-range-thumb,.egap-progress input:focus-visible::-moz-range-thumb{opacity:1}.egap-seek-tooltip{position:absolute;left:0;bottom:calc(100% + 7px);z-index:20;transform:translateX(-50%);display:none;padding:6px 9px;border-radius:6px;background:#252525;color:#fff;box-shadow:0 4px 14px rgba(0,0,0,.28);font-size:11px;font-weight:700;line-height:1;white-space:nowrap;pointer-events:none}.egap-progress:hover .egap-seek-tooltip,.egap-progress.is-interacting .egap-seek-tooltip{display:block}.egap-time{font-size:13px;font-weight:700;text-align:center;white-space:nowrap}.egap-more{width:27px;height:20px}.egap-more[hidden]{display:none}.egap-play{width:48px!important;height:48px;border-radius:50%!important;background:#fff!important;color:var(--egap-main)!important}.egap-play .egap-icon{width:24px;height:24px}.egap-popover{display:none}.egap-popover-portal{position:fixed;z-index:999999;display:none;visibility:hidden;opacity:0;pointer-events:none;left:0;top:0;min-width:180px;max-width:calc(100vw - 20px);background:#fff;color:#111;border-radius:10px;padding:6px;box-shadow:0 12px 34px rgba(0,0,0,.3);transition:opacity .14s ease}.egap-popover-portal.is-open{display:flex;flex-direction:column;visibility:visible;opacity:1;pointer-events:auto}.egap-popover-portal a{display:flex;align-items:center;gap:9px;padding:9px 10px;color:#111;text-decoration:none;font-family:var(--egap-font);font-size:12px;font-weight:700;white-space:nowrap;border-radius:7px}.egap-popover-portal a:hover{background:#f1f1f1}.egap-popover-portal .egap-icon{width:18px;height:18px}.egap-list{background:var(--egap-dark);padding:8px clamp(12px,2vw,22px);max-height:260px;overflow:auto;scrollbar-color:var(--egap-deep) transparent;scrollbar-width:thin}.egap-list::-webkit-scrollbar{width:7px}.egap-list::-webkit-scrollbar-thumb{background:var(--egap-deep);border-radius:999px}.egap-track{width:100%;display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px;border:0;border-radius:8px;background:transparent;color:#fff;text-align:left;padding:10px 4px;cursor:pointer;transition:background .18s ease}.egap-track:hover,.egap-track.is-active{background:rgba(0,0,0,.16)}.egap-track-num{display:flex;align-items:center;justify-content:center;font-size:13px;opacity:.85}.egap-row-play{display:none;width:18px;height:18px}.egap-track.is-active .egap-row-number{display:none}.egap-track.is-active .egap-row-play{display:block}.egap-track-meta{min-width:0}.egap-track-meta strong{display:block;overflow:hidden;text-overflow:ellipsis;font-size:14px;line-height:1.12;white-space:nowrap}.egap-track-meta small{display:flex;align-items:center;gap:5px;overflow:hidden;text-overflow:ellipsis;font-size:10px;line-height:1.25;opacity:.9;margin-top:3px;white-space:nowrap}.egap-track-duration{font-size:14px;font-weight:700;white-space:nowrap}.egap-mode-single .egap-top{grid-template-columns:clamp(64px,9vw,86px) minmax(0,1fr);grid-template-areas:'art info' 'art controls';padding:6px 6px;min-height:76px;gap:3px 11px}.egap-mode-single .egap-art-button{width:clamp(64px,9vw,86px)}.egap-mode-single .egap-title{font-size:12px}.egap-mode-single .egap-artist-line{margin-top:3px}.egap-mode-single .egap-artist{font-size:10px}.egap-mode-single .egap-save{display:none}.egap-mode-single .egap-controls{grid-template-columns:18px minmax(60px,1fr) 18px 50px 24px 36px;gap:7px}.egap-mode-single .egap-play{width:36px!important;height:36px}.egap-mode-single .egap-play .egap-icon{width:18px;height:18px;transform:translateX(1px)}.egap-mode-single .egap-corner-actions{right:8px;top:7px;gap:3px}.egap-mode-single .egap-corner-action{width:19px;height:19px}.egap-mode-single .egap-time{font-size:12px}
@media (max-width:680px){
.egap-top{grid-template-columns:clamp(64px,30vw,128px) minmax(0,1fr);grid-template-areas:'art info' 'art controls';grid-template-rows:auto auto;gap:6px 14px;padding:14px;align-items:stretch}
.egap-art-button{align-self:stretch;height:100%;max-height:128px}
.egap-info{align-self:start;display:block;min-width:0;min-height:0;padding-right:clamp(96px,28vw,150px)}
.egap-title-button{margin-top:0}
.egap-title{font-size:clamp(18px,6vw,28px)}
.egap-artist-line{margin-top:4px}
.egap-progress-mobile{display:none}
.egap-progress-desktop{display:block}
.egap-corner-actions{right:14px;top:14px;max-width:calc(100% - clamp(64px,30vw,128px) - 34px);flex-wrap:nowrap;gap:3px}
.egap-corner-action{flex:0 0 auto}
.egap-controls{grid-area:controls;display:grid;grid-template-columns:18px 18px minmax(34px,1fr) auto 38px;gap:6px;align-self:end;align-items:center;width:100%;min-width:0}
.egap-controls .egap-prev{grid-column:1}
.egap-controls .egap-next{grid-column:2}
.egap-controls .egap-progress-desktop{grid-column:3;min-width:0}
.egap-controls .egap-time{grid-column:4;font-size:11px}
.egap-controls .egap-more{display:none!important}
.egap-controls .egap-play{grid-column:5;width:38px!important;height:38px}
.egap-controls .egap-play .egap-icon{width:19px;height:19px}
.egap-prev,.egap-next{width:18px;height:18px}
.egap-mode-single .egap-top{grid-template-columns:64px minmax(0,1fr);grid-template-areas:'art info' 'art controls';grid-template-rows:auto auto;padding:6px 6px;gap:3px 9px;min-height:76px}
.egap-mode-single .egap-art-button{width:64px;height:64px;align-self:stretch}
.egap-mode-single .egap-info{padding-right:92px;align-self:start}
.egap-mode-single .egap-corner-actions{right:7px;top:7px;max-width:88px;gap:2px}
.egap-mode-single .egap-corner-action{width:18px;height:18px}
.egap-mode-single .egap-controls{grid-template-columns:16px 16px minmax(28px,1fr) auto 34px;gap:5px;align-self:end}
.egap-mode-single .egap-prev,.egap-mode-single .egap-next{width:16px;height:16px}
.egap-mode-single .egap-play{width:34px!important;height:34px}
.egap-mode-single .egap-play .egap-icon{width:17px;height:17px}
.egap-mode-single .egap-title{font-size:12px}
.egap-mode-single .egap-artist{font-size:10px}
.egap-mode-single .egap-time{font-size:10px}
.egap-mode-single .egap-progress input{height:12px}
.egap-mode-single .egap-progress input::-webkit-slider-runnable-track{height:3px}
.egap-mode-single .egap-progress input::-moz-range-track{height:3px}
}
@media (max-width:420px){
.egap-top{grid-template-columns:64px minmax(0,1fr);padding:10px;gap:5px 10px}
.egap-art-button{width:64px;height:64px}
.egap-info{padding-right:88px}
.egap-title{font-size:16px}
.egap-artist{font-size:11px}
.egap-corner-actions{right:10px;top:10px;max-width:84px}
.egap-corner-action{width:19px;height:19px}
.egap-controls{grid-template-columns:16px 16px minmax(24px,1fr) auto 34px;gap:4px}
.egap-time{font-size:10px}
.egap-play{width:34px!important;height:34px}
.egap-list{padding:7px 10px}
.egap-mode-single .egap-top{padding:6px 6px;gap:3px 8px}
.egap-mode-single .egap-info{padding-right:82px}
.egap-mode-single .egap-corner-actions{right:6px;top:6px;max-width:80px}
.egap-mode-single .egap-corner-action{width:17px;height:17px}
.egap-mode-single .egap-controls{grid-template-columns:15px 15px minmax(22px,1fr) auto 32px;gap:4px}
.egap-mode-single .egap-prev,.egap-mode-single .egap-next{width:15px;height:15px}
.egap-mode-single .egap-play{width:32px!important;height:32px}
.egap-mode-single .egap-play .egap-icon{width:16px;height:16px}
}

/* v1.3.3 responsive compact layout */
.egap-player{container-type:inline-size;container-name:egap-player}

@container egap-player (max-width:680px){
  .egap-top{
    grid-template-columns:clamp(64px,24cqw,128px) minmax(0,1fr);
    grid-template-rows:minmax(0,1fr) auto;
    grid-template-areas:
      "art info"
      "art controls";
    column-gap:clamp(8px,2.4cqw,14px);
    row-gap:4px;
    align-items:stretch;
  }

  .egap-info{
    grid-area:info;
    align-self:start;
    min-width:0;
    padding-right:clamp(70px,24cqw,145px);
  }

  .egap-corner-actions{
    top:inherit;
    right:inherit;
    inset-block-start:var(--egap-mobile-pad,14px);
    inset-inline-end:var(--egap-mobile-pad,14px);
    max-width:clamp(70px,24cqw,145px);
    flex-wrap:nowrap;
    overflow:hidden;
  }

  .egap-controls{
    grid-area:controls;
    display:grid;
    grid-template-columns:16px 16px minmax(30px,.72fr) max-content 38px;
    grid-template-areas:"prev next seek time play";
    align-items:center;
    align-self:end;
    gap:clamp(3px,1.2cqw,7px);
    width:100%;
    min-width:0;
    white-space:nowrap;
  }

  .egap-controls .egap-prev{grid-area:prev}
  .egap-controls .egap-next{grid-area:next}
  .egap-controls .egap-progress-desktop{grid-area:seek;display:block;min-width:0;width:100%;max-width:none}
  .egap-controls .egap-time{grid-area:time;width:auto;min-width:0;text-align:right}
  .egap-controls .egap-play{grid-area:play}
  .egap-controls .egap-more{display:none!important}

  .egap-progress input{min-width:0;width:100%}

  .egap-mode-single .egap-top{
    --egap-mobile-pad:6px;
    grid-template-columns:64px minmax(0,1fr);
    grid-template-rows:minmax(0,1fr) auto;
    grid-template-areas:
      "art info"
      "art controls";
    padding:6px;
    column-gap:8px;
    row-gap:2px;
    min-height:76px;
  }

  .egap-mode-single .egap-info{padding-right:clamp(58px,22cqw,104px)}
  .egap-mode-single .egap-corner-actions{max-width:clamp(58px,22cqw,104px)}
  .egap-mode-single .egap-controls{
    grid-template-columns:15px 15px minmax(24px,.66fr) max-content 32px;
    gap:clamp(2px,1cqw,5px);
  }
  .egap-mode-single .egap-time{font-size:10px}
  .egap-mode-single .egap-play{width:32px!important;height:32px}
  .egap-mode-single .egap-prev,.egap-mode-single .egap-next{width:15px;height:15px}
}

@container egap-player (max-width:360px){
  .egap-mode-single .egap-controls{
    grid-template-columns:14px 14px minmax(18px,.58fr) max-content 30px;
    gap:2px;
  }
  .egap-mode-single .egap-play{width:30px!important;height:30px}
  .egap-mode-single .egap-corner-action{width:16px;height:16px}
  .egap-mode-single .egap-info{padding-right:72px}
  .egap-mode-single .egap-corner-actions{max-width:72px}
}


/* v1.3.4 mobile typography and fluid control-row refinement */
@container egap-player (max-width:680px){
  .egap-mode-single .egap-title{
    font-size:14px;
    line-height:1.08;
  }

  .egap-mode-single .egap-artist{
    font-size:11px;
    line-height:1.15;
  }

  .egap-mode-single .egap-controls{
    grid-template-columns:15px 15px minmax(0,1fr) max-content 32px;
    width:100%;
    max-width:none;
    justify-self:stretch;
  }

  .egap-mode-single .egap-progress-desktop{
    width:100%;
    min-width:0;
  }

  .egap-mode-single .egap-time,
  .egap-mode-single .egap-play{
    justify-self:end;
  }

  .egap-mode-single .egap-progress input::-webkit-slider-runnable-track{
    height:4px;
  }

  .egap-mode-single .egap-progress input::-moz-range-track{
    height:4px;
  }
}

@container egap-player (max-width:360px){
  .egap-mode-single .egap-title{font-size:13px}
  .egap-mode-single .egap-artist{font-size:10.5px}
  .egap-mode-single .egap-controls{
    grid-template-columns:14px 14px minmax(0,1fr) max-content 30px;
  }
}

/* v1.3.5 — prevent artwork from overflowing its responsive grid column */
@container egap-player (max-width:680px){
  .egap-top > .egap-art-button{
    width:100%;
    max-width:128px;
    min-width:0;
    justify-self:stretch;
  }

  .egap-mode-single .egap-top > .egap-art-button{
    width:64px;
    min-width:64px;
    max-width:64px;
    height:64px;
    min-height:64px;
    max-height:64px;
    justify-self:start;
  }

  .egap-mode-single .egap-info,
  .egap-mode-single .egap-controls{
    min-width:0;
    max-width:100%;
  }
}


/* v1.3.7 playlist parity, action visibility, and long-title marquee */
.egap-title{
  position:relative;
  max-width:100%;
  font-weight:600;
}
.egap-mode-playlist .egap-title{font-size:clamp(14px,2.2vw,20px);font-weight:600}
.egap-title.is-marquee{
  text-overflow:clip;
  animation:egap-title-marquee var(--egap-marquee-duration,8s) ease-in-out 2s infinite alternate;
  will-change:transform;
}
@keyframes egap-title-marquee{
  0%,14%{transform:translateX(0)}
  86%,100%{transform:translateX(calc(-1 * var(--egap-marquee-distance,0px)))}
}
.egap-title-button{overflow:hidden}
.egap-corner-actions{overflow:visible!important;flex-wrap:nowrap!important}
.egap-info{overflow:visible}

/* Keep the playlist header no taller than its square artwork. */
.egap-mode-playlist .egap-top{
  grid-template-columns:clamp(96px,14vw,220px) minmax(0,1fr);
  grid-template-rows:minmax(0,1fr) auto;
  grid-template-areas:
    "art info"
    "art controls";
  align-items:stretch;
}
.egap-mode-playlist .egap-art-button{
  width:clamp(96px,14vw,220px);
  align-self:stretch;
}
.egap-mode-playlist .egap-info{
  align-self:start;
  min-height:0;
  padding-right:clamp(112px,18vw,190px);
}
.egap-mode-playlist .egap-save{
  margin-top:clamp(5px,.8vw,10px);
  font-size:clamp(10px,1.1vw,13px);
  line-height:1.1;
}
.egap-mode-playlist .egap-plus{width:22px;height:22px}
.egap-mode-playlist .egap-controls{
  width:100%;
  min-width:0;
  align-self:end;
  grid-template-columns:20px minmax(0,1fr) 20px max-content 28px 48px;
}

/* Shared compact dimensions: playlist and single now use the same current-track UI scale. */
@container egap-player (max-width:680px){
  .egap-mode-playlist .egap-top{
    --egap-mobile-pad:6px;
    grid-template-columns:64px minmax(0,1fr);
    grid-template-rows:minmax(0,1fr) auto;
    grid-template-areas:
      "art info"
      "art controls";
    padding:6px;
    column-gap:8px;
    row-gap:2px;
    min-height:76px;
  }
  .egap-mode-playlist .egap-top > .egap-art-button{
    width:64px;
    min-width:64px;
    max-width:64px;
    height:64px;
    min-height:64px;
    max-height:64px;
    justify-self:start;
  }
  .egap-mode-playlist .egap-info{
    padding-right:clamp(58px,22cqw,104px);
    min-width:0;
    max-width:100%;
    align-self:start;
  }
  .egap-mode-playlist .egap-title{font-size:14px;line-height:1.08;font-weight:600}
  .egap-mode-playlist .egap-artist{font-size:11px;line-height:1.15}
  .egap-mode-playlist .egap-artist-line{margin-top:3px}
  .egap-mode-playlist .egap-save{margin-top:4px;font-size:10px;gap:5px;line-height:1}
  .egap-mode-playlist .egap-plus{width:17px;height:17px}
  .egap-mode-playlist .egap-corner-actions{
    inset-block-start:6px;
    inset-inline-end:6px;
    max-width:clamp(58px,22cqw,104px);
    gap:2px;
  }
  .egap-mode-playlist .egap-corner-action{width:17px;height:17px}
  .egap-mode-playlist .egap-controls{
    min-width:0;
    max-width:100%;
    grid-template-columns:15px 15px minmax(0,1fr) max-content 32px;
    grid-template-areas:"prev next seek time play";
    gap:clamp(2px,1cqw,5px);
    width:100%;
    align-self:end;
  }
  .egap-mode-playlist .egap-controls .egap-prev{grid-area:prev;width:15px;height:15px}
  .egap-mode-playlist .egap-controls .egap-next{grid-area:next;width:15px;height:15px}
  .egap-mode-playlist .egap-controls .egap-progress-desktop{grid-area:seek;display:block;min-width:0;width:100%;max-width:none}
  .egap-mode-playlist .egap-controls .egap-time{grid-area:time;font-size:10px;width:auto;min-width:0;text-align:right;justify-self:end}
  .egap-mode-playlist .egap-controls .egap-play{grid-area:play;width:32px!important;height:32px;justify-self:end}
  .egap-mode-playlist .egap-controls .egap-play .egap-icon{width:16px;height:16px}
  .egap-mode-playlist .egap-controls .egap-more{display:none!important}
  .egap-mode-playlist .egap-progress input::-webkit-slider-runnable-track{height:4px}
  .egap-mode-playlist .egap-progress input::-moz-range-track{height:4px}
}

@container egap-player (max-width:360px){
  .egap-mode-playlist .egap-title{font-size:13px}
  .egap-mode-playlist .egap-artist{font-size:10.5px}
  .egap-mode-playlist .egap-save{font-size:9px}
  .egap-mode-playlist .egap-controls{grid-template-columns:14px 14px minmax(0,1fr) max-content 30px;gap:2px}
  .egap-mode-playlist .egap-controls .egap-prev,
  .egap-mode-playlist .egap-controls .egap-next{width:14px;height:14px}
  .egap-mode-playlist .egap-controls .egap-play{width:30px!important;height:30px}
  .egap-mode-playlist .egap-corner-action{width:16px;height:16px}
  .egap-mode-playlist .egap-info{padding-right:72px}
  .egap-mode-playlist .egap-corner-actions{max-width:72px}
}

@media (prefers-reduced-motion:reduce){.egap-title.is-marquee{animation:none;text-overflow:ellipsis}}

/* v1.3.8 — shared sizing tokens and playlist spacing refinements */
.egap-player{
  --egap-play-button-size:26px;
  --egap-transport-icon-size:24px;
  --egap-service-icon-size:30px;
  --egap-seek-height:6px;
  --egap-seek-color:var(--egap-deep);
  --egap-list-pad-block:8px;
  --egap-list-pad-inline:6px;
  --egap-track-pad-top:10px;
  --egap-track-pad-right:10px;
  --egap-track-pad-bottom:10px;
  --egap-track-pad-left:4px;
}

.egap-list{
  padding:var(--egap-list-pad-block) clamp(6px,2vw,6px);
  scrollbar-color:var(--egap-seek-color) transparent;
}
.egap-list::-webkit-scrollbar{width:7px;height:7px}
.egap-list::-webkit-scrollbar-track{background:transparent}
.egap-list::-webkit-scrollbar-thumb{
  background:var(--egap-seek-color);
  border-radius:999px;
}
.egap-list::-webkit-scrollbar-thumb:hover{
  background:color-mix(in srgb,var(--egap-seek-color) 82%,#fff 18%);
}

.egap-track{
  padding:var(--egap-track-pad-top) var(--egap-track-pad-right) var(--egap-track-pad-bottom) var(--egap-track-pad-left);
}

.egap-prev,
.egap-next,
.egap-mode-single .egap-prev,
.egap-mode-single .egap-next,
.egap-mode-playlist .egap-controls .egap-prev,
.egap-mode-playlist .egap-controls .egap-next{
  width:var(--egap-transport-icon-size)!important;
  height:var(--egap-transport-icon-size)!important;
}

.egap-play,
.egap-mode-single .egap-play,
.egap-mode-playlist .egap-controls .egap-play{
  width:var(--egap-play-button-size)!important;
  height:var(--egap-play-button-size)!important;
  min-width:var(--egap-play-button-size);
  min-height:var(--egap-play-button-size);
}
.egap-play .egap-icon,
.egap-mode-single .egap-play .egap-icon,
.egap-mode-playlist .egap-controls .egap-play .egap-icon{
  width:calc(var(--egap-play-button-size) * .52)!important;
  height:calc(var(--egap-play-button-size) * .52)!important;
}

.egap-corner-action,
.egap-mode-single .egap-corner-action,
.egap-mode-playlist .egap-corner-action,
.egap-action-cart{
  width:var(--egap-service-icon-size)!important;
  height:var(--egap-service-icon-size)!important;
}

.egap-progress input::-webkit-slider-runnable-track,
.egap-mode-single .egap-progress input::-webkit-slider-runnable-track,
.egap-mode-playlist .egap-progress input::-webkit-slider-runnable-track{
  height:var(--egap-seek-height)!important;
}
.egap-progress input::-moz-range-track,
.egap-mode-single .egap-progress input::-moz-range-track,
.egap-mode-playlist .egap-progress input::-moz-range-track{
  height:var(--egap-seek-height)!important;
}
.egap-progress input::-webkit-slider-thumb{
  margin-top:calc((var(--egap-seek-height) - 10px) / 2)!important;
}

/* Preserve a clean single-row control layout with the larger transport icons. */
.egap-controls{
  grid-template-columns:var(--egap-transport-icon-size) minmax(72px,1fr) var(--egap-transport-icon-size) max-content 28px var(--egap-play-button-size);
}
.egap-mode-single .egap-controls{
  grid-template-columns:var(--egap-transport-icon-size) minmax(48px,1fr) var(--egap-transport-icon-size) max-content 24px var(--egap-play-button-size);
}

@container egap-player (max-width:680px){
  .egap-controls,
  .egap-mode-single .egap-controls,
  .egap-mode-playlist .egap-controls{
    grid-template-columns:var(--egap-transport-icon-size) var(--egap-transport-icon-size) minmax(0,1fr) max-content var(--egap-play-button-size)!important;
    gap:clamp(2px,1cqw,5px);
  }

  .egap-mode-single .egap-info,
  .egap-mode-playlist .egap-info{
    padding-right:clamp(62px,25cqw,128px);
  }

  .egap-mode-single .egap-corner-actions,
  .egap-mode-playlist .egap-corner-actions{
    max-width:clamp(62px,25cqw,128px);
  }
}


/* v1.5.0 layout safety and settings-driven cleanup */
.egap-player .egap-top>*{min-width:0}
.egap-player .egap-info,.egap-player .egap-controls{position:relative;z-index:1}
.egap-player .egap-art-button{position:relative;z-index:2;overflow:hidden}
.egap-player .egap-corner-actions{z-index:4}
.egap-player.egap-mode-single .egap-title-button,.egap-player.egap-mode-single .egap-artist-line{max-width:100%}
.egap-player.egap-mode-single .egap-title,.egap-player.egap-mode-single .egap-artist{max-width:100%}

/* v1.6.4: fluid container-width controls */
.egap-player,
.egap-player .egap-top,
.egap-player .egap-controls{
  width:100%;
  max-width:100%;
}
.egap-player .egap-controls{
  min-width:0;
  justify-self:stretch;
  grid-template-columns:max-content minmax(0,1fr) max-content max-content max-content!important;
  grid-template-areas:"prev seek next time play"!important;
}
.egap-player .egap-controls .egap-prev{grid-area:prev}
.egap-player .egap-controls .egap-progress-desktop{grid-area:seek;display:block;width:100%;min-width:0;max-width:none}
.egap-player .egap-controls .egap-next{grid-area:next}
.egap-player .egap-controls .egap-time{grid-area:time;justify-self:end}
.egap-player .egap-controls .egap-play{grid-area:play;justify-self:end;margin-left:0}
.egap-player .egap-controls .egap-more{display:none!important}

/* v1.7.0 — optional per-player glass surface */
.egap-player.egap-theme-glass{
  background:var(--egap-glass-main,rgba(168,13,36,.72));
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 12px 36px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.08);
  -webkit-backdrop-filter:blur(16px) saturate(145%);
  backdrop-filter:blur(16px) saturate(145%);
}
.egap-player.egap-theme-glass .egap-list{
  background:var(--egap-glass-dark,rgba(130,9,28,.80));
  border-top:1px solid rgba(255,255,255,.08);
}
.egap-player.egap-theme-glass .egap-track:hover,
.egap-player.egap-theme-glass .egap-track.is-active{
  background:rgba(0,0,0,.20);
}
.egap-player.egap-theme-glass .egap-art-button{
  background:rgba(255,255,255,.10);
}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  .egap-player.egap-theme-glass{background:var(--egap-glass-main,var(--egap-main))}
}

/* v1.7.1 — reliable glass rendering and cache-busted surface styles */
.egap-player.egap-theme-glass{
  background-color:var(--egap-glass-main,rgba(168,13,36,.72))!important;
  background-image:linear-gradient(rgba(255,255,255,.035),rgba(255,255,255,.015))!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 12px 36px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.10)!important;
  -webkit-backdrop-filter:blur(16px) saturate(145%)!important;
  backdrop-filter:blur(16px) saturate(145%)!important;
}
.egap-player.egap-theme-glass .egap-top{
  background:transparent!important;
}
.egap-player.egap-theme-glass .egap-list{
  background-color:var(--egap-glass-dark,rgba(130,9,28,.80))!important;
  background-image:linear-gradient(rgba(0,0,0,.035),rgba(0,0,0,.08))!important;
  -webkit-backdrop-filter:blur(12px) saturate(135%);
  backdrop-filter:blur(12px) saturate(135%);
}