.vhs-box{--pack-body:#1b1714;--pack-s1:#ff5b1f;--pack-s2:#ffb21f;--pack-s3:#e8336b;--pack-accent:#ff5b1f;--pack-ink:#f3e9d6;aspect-ratio:5/8;color:var(--pack-ink);background:linear-gradient(90deg, transparent 0 11%, #00000047 11% 12%, transparent 12%), linear-gradient(180deg, #f3e9d6 0 10%, var(--pack-s1) 10% 14%, var(--pack-s2) 14% 18%, var(--pack-s3) 18% 22%, var(--pack-body) 22% 100%);border-radius:4px;position:relative;overflow:hidden;box-shadow:0 10px 24px #0000008c;container-type:inline-size}.vhs-box__brand{height:10%;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:#2a1c10;justify-content:center;align-items:center;font-size:9cqw;display:flex;position:absolute;inset:0 0 auto}.vhs-box__pattern{pointer-events:none;position:absolute;inset:22% 0 0}.vhs-box__icon{width:46cqw;color:var(--pack-accent);filter:drop-shadow(0 0 3cqw color-mix(in srgb, var(--pack-accent) 45%, transparent));position:absolute;top:31%;left:50%;translate:-50%}.vhs-box__name{text-align:center;font-family:var(--font-display);text-transform:uppercase;text-shadow:.05em .05em #0009;font-size:20cqw;line-height:.95;position:absolute;inset:auto 0 9%}.vhs-box__name[data-long]{font-size:16cqw}.vhs-box__name small{letter-spacing:.3em;color:var(--pack-accent);margin-bottom:1.5cqw;font-size:8cqw;display:block}[data-genre="35"] :is(.vhs-box__pattern,.pack3d__pattern){background:radial-gradient(circle,#ffffff29 0 2.6cqw,#0000 2.8cqw) 0 0/12cqw 12cqw,radial-gradient(circle,#ffffff29 0 2.6cqw,#0000 2.8cqw) 6cqw 6cqw/12cqw 12cqw}[data-genre="27"] :is(.vhs-box__pattern,.pack3d__pattern){background:linear-gradient(var(--pack-s3), var(--pack-s3)) 0 0 / 100% 2cqw no-repeat, radial-gradient(ellipse 2.6cqw 11cqw at 50% 0, var(--pack-s3) 0 95%, transparent 100%) 0 0 / 13cqw 30cqw repeat-x, radial-gradient(ellipse 2cqw 17cqw at 50% 0, var(--pack-s2) 0 95%, transparent 100%) 6cqw 0 / 21cqw 40cqw repeat-x, radial-gradient(ellipse at 50% 60%, transparent 30%, #0000008c 100%)}[data-genre="28"] :is(.vhs-box__pattern,.pack3d__pattern){background:radial-gradient(circle at 50% 30%,#ff780061,#0000 55%),repeating-linear-gradient(118deg,#0000 0 9cqw,#ff6a0029 9cqw 11cqw)}[data-genre="878"] :is(.vhs-box__pattern,.pack3d__pattern){background:radial-gradient(circle,#ffffffbf 0 .5cqw,#0000 .8cqw) 3cqw 4cqw/17cqw 13cqw,radial-gradient(circle,#ffffff80 0 .4cqw,#0000 .7cqw) 11cqw 9cqw/23cqw 19cqw,repeating-linear-gradient(0deg,#19e0ff33 0 1px,#0000 1px 8cqw),repeating-linear-gradient(90deg,#19e0ff33 0 1px,#0000 1px 8cqw)}[data-genre="18"] :is(.vhs-box__pattern,.pack3d__pattern){background:radial-gradient(ellipse 9cqw 5cqw at 50% 0, var(--pack-s2) 0 95%, transparent 100%) 0 0 / 18cqw 6cqw repeat-x, repeating-linear-gradient(90deg, #00000059 0, #ffffff12 5cqw, #00000059 10cqw)}[data-genre="16"] :is(.vhs-box__pattern,.pack3d__pattern){background:radial-gradient(circle, var(--pack-s1) 0 1.1cqw, transparent 1.3cqw) 2cqw 3cqw / 19cqw 15cqw, radial-gradient(circle, var(--pack-s3) 0 .9cqw, transparent 1.1cqw) 11cqw 9cqw / 23cqw 17cqw, radial-gradient(circle, #fff9 0 .6cqw, transparent .8cqw) 7cqw 12cqw / 13cqw 21cqw}[data-genre="53"] :is(.vhs-box__pattern,.pack3d__pattern){background:linear-gradient(135deg,#ffffff1a,#0000 60%),repeating-linear-gradient(168deg,#0000 0 5cqw,#00000080 5cqw 8.5cqw)}[data-genre="10749"] :is(.vhs-box__pattern,.pack3d__pattern){background:radial-gradient(circle at 50% 40%,#ffc2d159,#0000 55%),radial-gradient(circle,#ffffff2e 0 1.4cqw,#0000 1.6cqw) 0 0/10cqw 10cqw}