.creator-pack-preview{--pack-tint:hue-rotate(0deg);isolation:isolate;--pack-height:76cqh;--pack-width:calc(var(--pack-height) * 971 / 1619);--card-width:calc(var(--pack-width) * .67);width:100%;height:clamp(280px,48svh,380px);margin:0 auto;position:relative;overflow:hidden;container-type:size}.creator-open-pack{width:var(--pack-width);height:var(--pack-height);aspect-ratio:971/1619;left:calc(50% - var(--pack-width) / 2);z-index:1;pointer-events:none;position:absolute;bottom:0}.creator-pack-preview[data-style=midnight]{--pack-tint:hue-rotate(-35deg)}.creator-pack-preview[data-style=rose]{--pack-tint:hue-rotate(65deg)}.creator-pack-back{filter:var(--pack-tint) brightness(.85);transform:scaleX(.94)scaleY(.84)}.creator-pack-contents{clip-path:inset(0 calc((100% - var(--pack-width) * .74) / 2) calc(var(--pack-height) * .14));z-index:2;pointer-events:none;position:absolute;inset:0}.creator-open-pack-front{z-index:3}.creator-pack-front{filter:var(--pack-tint)}.creator-pack-stored,.creator-pack-flight{width:var(--card-width);aspect-ratio:18/25;left:calc(50% - var(--card-width) / 2);bottom:calc(var(--pack-height) * .2);background:var(--muted);box-shadow:0 3px 10px color-mix(in srgb, var(--foreground) 18%, transparent);border-radius:5px;position:absolute;overflow:hidden}.creator-pack-stored img,.creator-pack-flight img{object-fit:contain;width:100%;height:100%}.creator-pack-stored{transform:translateY(calc(var(--stack-index) * 1px))}.creator-pack-card-fallback{width:100%;height:100%;color:var(--muted-foreground);place-items:center;padding:8px;font-size:10px;display:grid}.creator-pack-flight{animation:creator-pack-in var(--flight-duration) cubic-bezier(.3, 0, .4, 1) var(--flight-delay) both}.creator-pack-flight[data-direction=out]{animation-name:creator-pack-out}@keyframes creator-pack-in{0%{opacity:0;transform:translateY(-130%)}18%{opacity:1}32%{opacity:1;transform:translateY(-110%)}to{opacity:1;transform:translateY(0)}}@keyframes creator-pack-out{0%{opacity:1;transform:translateY(0)}68%{opacity:1;transform:translateY(-110%)}to{opacity:0;transform:translateY(-130%)}}@media (prefers-reduced-motion:reduce){.creator-pack-flight{animation:none;display:none}}.creator-pack-stored[data-arriving=true]{visibility:hidden}@media (max-width:767px){.creator-pack-preview{height:190px}}@media (prefers-reduced-motion:reduce){.creator-pack-stored[data-arriving=true]{visibility:visible}}