[data-recent-purchases]{--card:208px;--cover:117px;--gap:16px;--name-line:calc(var(--text-control) * 1.6);--day-line:calc(var(--text-sm) * 10 / 7);--card-h:calc(var(--cover) + 12px + var(--name-line) + var(--day-line))}[data-recent-purchases] .recent-box{margin-top:36px}[data-recent-purchases] .recent-box[hidden]{display:none}[data-recent-purchases][data-blank] .recent-box{visibility:hidden}[data-recent-purchases] .recent-head{justify-content:space-between;align-items:center;gap:16px;min-height:44px;margin-bottom:12px;display:flex}[data-recent-purchases] .recent-title{margin:0}[data-recent-purchases] .recent-pause{align-items:center;gap:var(--space-2);border:1px solid var(--color-control);border-radius:var(--radius-control);background:var(--color-surface-2);min-height:44px;color:var(--color-fg);font-size:var(--text-sm);cursor:pointer;transition:background-color var(--duration-feedback) var(--ease-standard), border-color var(--duration-feedback) var(--ease-standard);flex:none;padding:0 14px;font-weight:700;display:inline-flex;position:relative}[data-recent-purchases] .recent-pause[hidden]{display:none}[data-recent-purchases] .recent-pause:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}[data-recent-purchases] .recent-pause[aria-pressed=true]{border-color:var(--color-red);background:var(--color-red);color:var(--color-white)}[data-recent-purchases] .recent-icon-play,[data-recent-purchases] .recent-pause[aria-pressed=true] .recent-icon-pause{display:none}[data-recent-purchases] .recent-pause[aria-pressed=true] .recent-icon-play{display:block}@media (hover:hover){[data-recent-purchases] .recent-pause:hover{border-color:var(--color-fg)}[data-recent-purchases] .recent-pause[aria-pressed=true]:hover{background:var(--color-red-hover)}}@media (width<=29.99rem){[data-recent-purchases] .recent-pause{justify-content:center;min-width:44px;padding:0}[data-recent-purchases] .recent-pause-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}[data-recent-purchases] .recent-view{height:calc(var(--card-h) + 12px);overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--color-control) transparent;overflow:auto hidden}[data-recent-purchases] .recent-strip{width:max-content;display:flex}[data-recent-purchases] .recent-list{gap:var(--gap);padding:0 var(--gap) 0 0;flex:none;margin:0;list-style:none;display:flex}[data-recent-purchases] .recent-card{width:var(--card);height:var(--card-h);flex-direction:column;flex:none;display:flex;position:relative}[data-recent-purchases] .recent-cover{height:var(--cover);border-radius:var(--radius-card);background:linear-gradient(135deg, var(--glow-red-soft), transparent 62%), var(--color-surface-2);box-shadow:inset 0 0 0 1px var(--color-line);transition:box-shadow var(--duration-hover) var(--ease-standard);flex:none;place-items:center;margin-bottom:10px;display:grid;position:relative;overflow:hidden}[data-recent-purchases] .recent-cover img{object-fit:cover;width:100%;height:100%;display:block}[data-recent-purchases] .recent-card[data-kind=plan] .recent-cover{box-shadow:inset 0 0 0 1px var(--color-red-line)}[data-recent-purchases] .recent-slab{background:var(--color-red);max-width:calc(100% - 20px);color:var(--color-white);font-size:var(--text-sm);letter-spacing:.02em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;padding:2px 8px;font-weight:800;line-height:1.4;position:absolute;bottom:10px;left:10px;overflow:hidden}[data-recent-purchases] .recent-link{color:var(--color-fg);font-size:var(--text-control);font-weight:700;line-height:var(--name-line);text-overflow:ellipsis;white-space:nowrap;flex:none;margin-bottom:2px;text-decoration:none;display:block;overflow:hidden}[data-recent-purchases] .recent-link:after{content:"";border-radius:var(--radius-card);position:absolute;inset:0}[data-recent-purchases] .recent-link:focus-visible{outline:none}[data-recent-purchases] .recent-card:has(.recent-link:focus-visible) .recent-cover{outline:2px solid var(--color-focus);outline-offset:-2px}[data-recent-purchases] .recent-card:has(.recent-link:focus-visible) .recent-link{text-underline-offset:.2em;text-decoration:underline}@media (hover:hover){[data-recent-purchases] .recent-card:hover .recent-cover{box-shadow:inset 0 0 0 1px var(--color-red-line)}}[data-recent-purchases] .recent-day{color:var(--color-muted);font-size:var(--text-sm);line-height:var(--day-line);align-items:center;gap:6px;display:flex}[data-recent-purchases] .recent-card[data-today] .recent-day{color:var(--color-red-text);font-weight:700}[data-recent-purchases] .recent-card[data-today] .recent-day:before{content:"";border-radius:var(--radius-pill);background:currentColor;width:6px;height:6px}[data-recent-purchases][data-moving=on] .recent-view{overflow:clip;-webkit-mask-image:linear-gradient(90deg,#0000,#000 40px calc(100% - 40px),#0000);mask-image:linear-gradient(90deg,#0000,#000 40px calc(100% - 40px),#0000)}[data-recent-purchases][data-moving=on] .recent-strip{animation:recent-turn var(--recent-time,80s) linear infinite}[data-recent-purchases]:not([data-in-view]) .recent-strip{animation-play-state:paused}@media (hover:hover){[data-recent-purchases][data-moving=on] .recent-view:hover .recent-strip{animation-play-state:paused}}@keyframes recent-turn{to{transform:translate(-50%)}}@media (width>=48rem){[data-recent-purchases]{--card:240px;--cover:135px}}@media (width>=64rem){[data-recent-purchases] .recent-box{margin-top:44px}}