/* The artist page's mobile layer, from studio/mobile-artist-detail.css. Built from studio/ - do not edit. 4,334 bytes of comment stripped;
   they are all still on the source, which is where they are any use. */
@media (max-width: 720px) {

  [data-screen-label="Artist page"] > div[style*="zoom"] {
    zoom: 1 !important;
    width: auto !important;
    margin: 0 !important;
  }

  [data-csm-aphoto] { width: 100%; }

  [data-screen-label="Artist page"] h1 { font-size: 26px !important; }

  div:has(> [data-csm-chip]) {
    display: flex; flex-wrap: wrap; justify-content: center;
  }
  [data-csm-chip] { padding: 6px 11px !important; }

  div:has(> [data-csm-link]) { justify-content: center; }
  [data-csm-link] {
    width: 44px; height: 44px; padding: 0;
  }

  [data-csm-prow] { align-items: center; text-align: center; }

  [data-csm-afilter] { padding: 13px 14px 13px 22px; }
  [data-csm-afilter] [data-csm-search] {
    flex: 1 1 100%; max-width: none; min-height: 44px;
  }
  [data-csm-search] input { font-size: 16px; }

  [data-csm-arail] {
    position: relative; z-index: 1;
    flex: 1 1 100%; min-width: 0;
    display: flex; flex-wrap: nowrap; gap: 8px;
    overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none;
  }
  [data-csm-arail]::-webkit-scrollbar { display: none; }
  [data-apill] [data-pillbevel] {
    display: flex; align-items: center;
    min-height: 44px; box-sizing: border-box;
    white-space: nowrap;
  }

  [data-csm-bioin] { padding: 16px 16px 10px; }

  [data-csm-biohead] h2,
  [data-csm-ochead] h2 { font-size: 22px !important; }

}
