/* CMWR V3.0 · desktop · 02-player */
@media (min-width:1101px){
.cassette-player {
  width: 100vw;
  height: auto;
}
.archive-dialog {
  max-height: calc(100dvh - 32px);
  margin: auto 12px auto auto;
  width: clamp(210px,17vw,270px);
  padding: 12px;
}
.support-preview {
  top: 24.4%;
  bottom: 21.8%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.playlist-tape,
.playlist-tape:hover,
.playlist-tape:focus-visible,
.playlist-tape.is-selected {
  translate: none;
  transform: none;
  filter: none;
  background: transparent;
  box-shadow: none;
  border: 0;
}
.playlist-tape__label {
  left: 17.2%;
  top: 10.5%;
  width: 67%;
  height: 67%;
  padding: 3%;
  display: grid;
  grid-template-rows: 36% 26% 18%;
  align-content: center;
  justify-items: center;
  gap: 5%;
  background: var(--box-paper);
  box-shadow: none;
  border: 0;
}
.playlist-tape__label .collection-logo {
  width: 48%;
  height: 100%;
  object-fit: contain;
}
.playlist-tape__label strong {
  font-size: clamp(8px,.70vw,14px);
  line-height: 1;
}
.playlist-tape__label small {
  font-size: clamp(6px,.43vw,10px);
  line-height: 1;
}
.playlist-tape::after {
  display: none;
}
.playlist-tape:focus-visible {
  outline: 2px solid var(--cream);
  outline-offset: 1px;
}
.playlist-tape.is-selected .playlist-tape__label {
  border-bottom: 2px solid #b48950;
}
}

@media(min-width:901px){
.player-panel .support-preview{left:.7%;top:45%;bottom:auto;width:10%;height:auto;aspect-ratio:1;box-sizing:border-box;padding:7px;display:grid;place-items:center;background:#fff;border:2px solid #d9b57c;border-radius:5px;box-shadow:0 5px 20px #0009;backdrop-filter:none}
.player-panel .support-preview__qr{width:100%;max-width:none;display:block}
.player-panel .support-preview__qr img{width:100%;height:auto;display:block;image-rendering:auto}
}

@media(min-width:901px){
.player-panel .support-preview{aspect-ratio:auto;display:flex;flex-direction:column;gap:7px;width:10.5%;top:41%;padding:7px;background:#fff}
.player-panel .support-preview__copy{display:block;margin:0;color:#2e2117;font:800 clamp(9px,.67vw,13px)/1.2 Arial,sans-serif;text-align:center}
}

@media(min-width:901px){
.player-panel .support-preview{
    left:.7%!important;width:8%!important;max-width:142px!important;
    top:40%!important;min-height:190px!important;height:auto!important;
    padding:7px 6px!important;gap:8px!important;justify-content:flex-start!important;
    box-sizing:border-box!important;aspect-ratio:auto!important;
    grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto!important;
    justify-items:center!important;align-content:start!important;
  }
.player-panel .support-preview__qr{width:100%!important;max-width:none!important;flex:none!important;grid-column:1!important;grid-row:1!important}
.player-panel .support-preview__qr img{display:block!important;width:100%!important;height:auto!important}
.player-panel .support-preview__copy{
    width:100%;max-width:100%;margin:0!important;grid-column:1!important;grid-row:2!important;
    font:800 clamp(9px,.75vw,12px)/1.25 Arial,sans-serif!important;
    color:#2e2117!important;text-align:center!important;overflow-wrap:normal;
  }
}