.purchase-ticker{
  position:relative;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:stretch;
  min-height:64px;
  margin-bottom:24px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:7px;
  background:#0c0f0e;
  color:#dfe5e1;
}
.purchase-ticker-label{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  gap:9px;
  padding:0 22px;
  border-right:1px solid #303733;
  color:var(--accent);
  font-size:10px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  white-space:nowrap;
}
.purchase-ticker-label>span{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--accent);
  box-shadow:0 0 12px #c4ef8480;
}
.purchase-ticker-viewport{
  min-width:0;
  overflow:hidden;
  mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent);
}
.purchase-ticker-track{
  display:flex;
  align-items:center;
  width:max-content;
  min-height:64px;
  will-change:transform;
}
.purchase-ticker-track.is-ready{
  animation:recent-purchases-scroll var(--ticker-duration,32s) linear infinite;
}
.purchase-ticker.is-paused .purchase-ticker-track,
.purchase-ticker:hover .purchase-ticker-track{
  animation-play-state:paused;
}
.purchase-ticker-group{
  display:flex;
  align-items:center;
  flex:none;
  padding-right:34px;
}
.purchase-ticker-item{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#bdc6c1;
  font-size:11px;
  font-weight:500;
  white-space:nowrap;
}
.purchase-ticker-image{
  width:40px;
  height:40px;
  margin-right:3px;
  flex:none;
  border:1px solid #ffffff12;
  border-radius:7px;
  background:#121715;
  object-fit:contain;
}
.purchase-ticker-item strong{color:var(--text);font-weight:700}
.purchase-ticker-item b{color:var(--accent);font-weight:700}
.purchase-ticker-item:after{
  content:'✦';
  margin:0 22px;
  color:#4e5a54;
  font-size:8px;
}
.purchase-ticker-loading{
  padding:0 24px;
  color:var(--muted);
  font-size:11px;
  white-space:nowrap;
}
.purchase-ticker-toggle{
  align-self:center;
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  margin:0 12px 0 8px;
  padding:0;
  border:1px solid var(--line);
  border-radius:50%;
  background:#141816;
  color:var(--muted);
}
.purchase-ticker-toggle:hover{border-color:var(--line-strong);color:var(--text)}
.purchase-ticker-toggle svg{width:13px;height:13px}
.ticker-sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.store-heading{margin-bottom:24px}
.store-shell{padding-bottom:64px}
@keyframes recent-purchases-scroll{
  to{transform:translate3d(var(--ticker-distance,-800px),0,0)}
}
@media(max-width:700px){
  .store-heading{margin-bottom:18px}
  .purchase-ticker{min-height:52px;margin-bottom:18px}
  .purchase-ticker-label{padding-inline:13px;font-size:0}
  .purchase-ticker-track{min-height:52px}
  .purchase-ticker-item{font-size:10px}
  .purchase-ticker-image{width:32px;height:32px;border-radius:5px}
  .purchase-ticker-item:after{margin-inline:15px}
  .purchase-ticker-group{padding-right:24px}
  .purchase-ticker-toggle{width:28px;height:28px;margin:0 8px 0 5px}
  .store-shell{padding-bottom:42px}
}
@media(prefers-reduced-motion:reduce){
  .purchase-ticker-viewport{overflow-x:auto;mask-image:none;-webkit-mask-image:none}
  .purchase-ticker-track{width:auto;will-change:auto}
  .purchase-ticker-track .purchase-ticker-group[aria-hidden="true"]{display:none}
  .purchase-ticker-group{flex-wrap:wrap;gap:8px 0;padding:8px 18px}
  .purchase-ticker-item:after{margin-inline:14px}
  .purchase-ticker-toggle{display:none}
}