/* Live placeholders share the market silhouette, borders and shimmer. */
/* Keep native wheel, keyboard and touch scrolling; theme only item regions. */
[role="region"][aria-label="Каталог предметов"] {
  color-scheme: dark;
  scrollbar-width: thin;
  scrollbar-color: #a93961 #181619;
}
[role="region"][aria-label="Каталог предметов"]:hover,
[role="region"][aria-label="Каталог предметов"]:focus-visible {
  scrollbar-color: #c84270 #181619;
}
@supports selector(::-webkit-scrollbar) {
  [role="region"][aria-label="Каталог предметов"],
  [role="region"][aria-label="Каталог предметов"]:hover,
  [role="region"][aria-label="Каталог предметов"]:focus-visible {
    scrollbar-width: auto;
    scrollbar-color: auto;
  }
  [role="region"][aria-label="Каталог предметов"]::-webkit-scrollbar { width: 12px; height: 12px; }
  [role="region"][aria-label="Каталог предметов"]::-webkit-scrollbar-track { background: #181619; border-radius: 999px; }
  [role="region"][aria-label="Каталог предметов"]::-webkit-scrollbar-thumb {
    min-height: 48px;
    border: 3px solid #181619;
    border-radius: 999px;
    background: linear-gradient(180deg, #ac365d, #d33d64);
    background-clip: padding-box;
  }
  [role="region"][aria-label="Каталог предметов"]::-webkit-scrollbar-thumb:hover { background: #db527d; background-clip: padding-box; }
  [role="region"][aria-label="Каталог предметов"]::-webkit-scrollbar-thumb:active { background: #ef658f; background-clip: padding-box; }
  [role="region"][aria-label="Каталог предметов"]::-webkit-scrollbar-button { display: none; width: 0; height: 0; }
  [role="region"][aria-label="Каталог предметов"]::-webkit-scrollbar-corner { background: transparent; }
}
@media (forced-colors: active) {
  [role="region"][aria-label="Каталог предметов"] { scrollbar-color: auto; scrollbar-width: auto; }
}

.page-rows-skeleton { display: grid; gap: .75rem; min-height: 25rem; }
.page-rows-skeleton__row { display: grid; grid-template-columns: 1.4fr 1fr .75fr .75fr; align-items: center; gap: 1.5rem; padding: 1.25rem; border-radius: 1rem; background: #19191b; }
.page-rows-skeleton__row > span { display: block; height: 1rem; border-radius: .375rem; }
@media (max-width: 767px) {
  .page-rows-skeleton__row { grid-template-columns: 1.5fr 1fr; gap: .75rem; }
  .page-rows-skeleton__row > span:nth-child(n+3) { display: none; }
}
.live-feed-skeleton {
  width: 11rem;
  flex: 0 0 11rem;
}

.live-feed-skeleton > .market-skin-card-skeleton {
  height: 10.625rem;
  padding: 1.25rem;
}

.live-feed-skeleton > .market-skin-card-skeleton > img {
  top: 1.25rem;
  width: calc(100% - 2.5rem);
  height: 5rem;
}

.live-feed-skeleton > .market-skin-card-skeleton > div {
  gap: 0.5rem;
}

.live-feed-skeleton .market-skin-card-skeleton__line {
  height: 0.75rem;
  border-radius: 0.25rem;
}

.live-feed-skeleton .market-skin-card-skeleton__line:last-child {
  height: 1.125rem;
  width: 58%;
}

@media (prefers-reduced-motion: reduce) {
  .market-skin-card-skeleton::before,
  .market-skin-card-skeleton__line::after {
    animation: none;
  }
}
