.rp .rp-pack-hits{position:relative;width:100vw;margin:24px 0 0 calc(50% - 50vw);padding:72px 0 38px;overflow:clip}.rp .rp-pack-hits-ribbon{--ribbon-crease:46%;--ribbon-fold:16deg;--ribbon-diagonal:19px;--ribbon-card-overhang:48px;position:relative;height:54px;width:104%;margin-left:-2%;transform:rotate(1.4deg);filter:drop-shadow(2px 5px 0 #0008);touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none}.rp .rp-pack-hits[data-dragging=true] .rp-pack-hits-ribbon{cursor:grabbing}.rp .rp-pack-hits-segment{position:absolute;inset:0;display:flex;align-items:center;overflow:visible;background-color:color-mix(in srgb,var(--rips-now-shade) 48%,var(--rips-now-ink));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--rips-now-accent) 24%,transparent),inset 0 -1px 0 color-mix(in srgb,var(--rips-now-accent) 24%,transparent);transition:background-color .9s ease,box-shadow .9s ease}.rp .rp-pack-hits-segment--front{clip-path:polygon(-32px calc(-1 * var(--ribbon-card-overhang)),calc(var(--ribbon-crease) + var(--ribbon-diagonal)) calc(-1 * var(--ribbon-card-overhang)),calc(var(--ribbon-crease) - var(--ribbon-diagonal)) calc(100% + 16px),-32px calc(100% + 16px))}.rp .rp-pack-hits-segment--front:after{content:"";position:absolute;top:-25%;left:calc(var(--ribbon-crease) - 1.5px);height:150%;width:1.5px;transform-origin:100% 50%;transform:rotate(24deg);background:color-mix(in srgb,var(--rips-now-accent) 40%,transparent);pointer-events:none}.rp .rp-pack-hits-ribbon:hover .rp-pack-hits-segment--front:after{background:var(--rips-now-accent);box-shadow:0 0 10px var(--rips-now-accent)}.rp .rp-pack-hits-segment--back{right:-200%;clip-path:polygon(calc(var(--ribbon-crease) + var(--ribbon-diagonal) - 1px) calc(-1 * var(--ribbon-card-overhang)),calc(100% + 16px) calc(-1 * var(--ribbon-card-overhang)),calc(100% + 16px) calc(100% + 16px),calc(var(--ribbon-crease) - var(--ribbon-diagonal) - 1px) calc(100% + 16px));transform-origin:var(--ribbon-crease) 50%;transform:perspective(1600px) rotateY(var(--ribbon-fold));background-color:var(--rips-now-ink);will-change:transform}.rp .rp-pack-hits-segment--back:before{content:"";position:absolute;z-index:1;top:-100%;left:var(--ribbon-crease);height:300%;width:176px;transform-origin:0 50%;transform:rotate(24deg);background:linear-gradient(90deg,#ffffff12 0 1px,#0008 1px,#0003 45%,transparent);pointer-events:none}.rp .rp-pack-hits-label{position:relative;flex:none;padding:3px 26px 3px max(100px,calc((100vw - 1184px) / 2 + 76px));background-color:var(--rips-now-accent);color:#16114a;font:900 20px/1 Rips Sans,sans-serif;text-transform:uppercase;white-space:nowrap;transition:background-color .9s ease;clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%)}.rp .rp-pack-hits-sticker{position:absolute;z-index:3;left:calc(var(--ribbon-label-width, 300px) - 214px);top:50%;width:42px;height:58px;object-fit:contain;transform:translateY(-50%);rotate:-12deg;filter:drop-shadow(0 3px 0 #0005);pointer-events:none}.rp .rp-pack-hits[data-running=true] .rp-pack-hits-sticker{animation:rp-rips-now-sticker 2.6s ease-in-out infinite}@keyframes rp-rips-now-sticker{50%{rotate:-4deg;scale:1.06}}.rp .rp-pack-hits-segment--back .rp-pack-hits-label{visibility:hidden;width:var(--ribbon-label-width);padding:0}.rp .rp-pack-hits-window{flex:1;align-self:flex-end;min-width:0;height:calc(100% + var(--ribbon-card-overhang));display:flex;align-items:flex-end;overflow:hidden;padding:0 0 5px 22px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 42px);mask-image:linear-gradient(90deg,transparent,#000 42px)}.rp .rp-pack-hits-period,.rp .rp-pack-hits-track{display:flex;width:max-content}.rp .rp-pack-hits-track{will-change:transform}.rp .rp-pack-hits-period{min-width:100vw;justify-content:space-around;align-items:flex-end;font-size:12px}.rp .rp-pack-hits-item{display:flex;flex:0 0 auto;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;min-width:92px;margin:0;padding:0 14px;white-space:nowrap;font:800 12px/1.25 DM Sans,sans-serif;color:#fbe955}.rp .rp-pack-hits-item img{display:block;width:54px;height:76px;object-fit:contain;object-position:bottom;filter:drop-shadow(0 2px 2px #0006);pointer-events:none}.rp .rp-pack-hits-item figcaption{font-variant-numeric:tabular-nums}.rp .rp-pack-hits-empty{align-self:center;padding-top:var(--ribbon-card-overhang);font-size:12px;color:#a9bdc8}.rp .rp-pack-hits[data-reduced=true] .rp-pack-hits-segment--back{display:none}.rp .rp-pack-hits[data-reduced=true] .rp-pack-hits-segment--front{clip-path:none}.rp .rp-pack-hits[data-reduced=true] .rp-pack-hits-segment--front:after{display:none}.rp .rp-pack-hits[data-reduced=true] :is(.rp-pack-hits-label,.rp-pack-hits-segment){transition:none}