[data-genre]{color-scheme:dark}.dividers .divider[data-genre] a{--bg: var(--tab-bg, var(--accent));--fg: var(--ink);background:linear-gradient(180deg,transparent 30%,color-mix(in srgb,var(--paper) 78%,transparent) 100%),var(--genre-art);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.dividers .divider[data-genre] a:before{color:var(--tab-fg, var(--paper))}.dividers .divider[data-genre] a:hover,.dividers .divider[data-genre] a:focus-visible{box-shadow:inset 0 0 0 1px var(--line),0 26px 44px -22px var(--glow)}.genre-band--skinned:before,.genre-band--skinned:after{content:"";position:absolute;pointer-events:none;z-index:1}[data-genre=grunge]{--paper: #15130f;--paper-2: #1c1a14;--surface: #24211a;--surface-2: #2f2b22;--ink: #e7dfca;--ink-soft: rgba(231, 223, 202, .62);--line: rgba(231, 223, 202, .14);--accent: #c99a2e;--accent-ink: #15130f;--sticker: #d9ceae;--sticker-ink: #1d1a13;--neon: #a8431f;--vinyl: #121110;--glow: rgba(201, 154, 46, .2);--shadow: rgba(0, 0, 0, .75);--header-bg: rgba(21, 19, 15, .9);--footer-bg: #0f0e0b;--deck: #2a261e;--deck-2: #14120e;--deck-btn: #38332a;--deck-btn-ink: #e7dfca;--grain: .16;--display-stretch: 64%;--display-weight: 900;--display-case: uppercase;--display-tracking: .005em;--display-leading: .88;--meta-font: var(--font-type);--btn-font: var(--font-type);--btn-radius: 2px;--btn-case: uppercase;--btn-tracking: .06em;--card-radius: 0;--divider-stretch: 70%;--tab-bg: #6a2317;--tab-fg: #e7dfca;--erode: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='e'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.6' numOctaves='3' seed='11'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -5 0 0 0 3.55'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23e)'/%3E%3C/svg%3E");--genre-art: repeating-linear-gradient(90deg, rgba(12, 9, 6, .6) 0 20px, transparent 20px 50px, rgba(12, 9, 6, .32) 50px 57px, transparent 57px 96px), repeating-linear-gradient(0deg, rgba(12, 9, 6, .6) 0 20px, transparent 20px 50px, rgba(12, 9, 6, .32) 50px 57px, transparent 57px 96px), repeating-linear-gradient(90deg, transparent 0 74px, rgba(226, 190, 112, .2) 74px 76px, transparent 76px 96px), repeating-linear-gradient(0deg, transparent 0 74px, rgba(226, 190, 112, .16) 74px 76px, transparent 76px 96px), #6a2317}body[data-genre=grunge]{background-image:radial-gradient(38% 30% at 12% 18%,rgba(92,107,46,.12),transparent 70%),radial-gradient(30% 26% at 88% 62%,rgba(168,67,31,.1),transparent 70%),radial-gradient(46% 36% at 50% 100%,rgba(0,0,0,.5),transparent 70%);background-attachment:fixed}[data-genre=grunge] :is(.display,.h1,.h2,.divider__name){-webkit-mask-image:var(--erode);mask-image:var(--erode);-webkit-mask-size:260px;mask-size:260px}[data-genre=grunge] .h2{rotate:-.6deg}[data-genre=grunge] :is(.muted,.card__artist,.breadcrumbs,.cart-note,.crate__hint){font-family:var(--font-type);font-size:.92em}[data-genre=grunge] .text-link{text-decoration-style:wavy;text-decoration-color:var(--neon);text-underline-offset:6px}[data-genre=grunge] .btn{border-radius:2px 5px 3px 6px}[data-genre=grunge] .btn:hover{transform:translateY(-2px) rotate(-.6deg)}[data-genre=grunge] .price-sticker{width:auto;height:32px;padding:0 14px 0 12px;border-radius:0;display:inline-flex;align-items:center;gap:6px;background:#d9ceaef0;font-family:var(--font-type);font-stretch:100%;font-weight:700;font-size:.95rem;clip-path:polygon(0 12%,4% 0,9% 10%,13% 2%,100% 0,96% 20%,100% 38%,95% 58%,100% 78%,97% 100%,8% 100%,3% 88%,0 100%,2% 62%,0 40%);box-shadow:none;transform:rotate(-7deg)}[data-genre=grunge] .price-sticker s{display:inline;margin:0;font-size:.78rem}[data-genre=grunge] .price-sticker--sale{background:#a8431ff2;color:#f1e7cf}[data-genre=grunge] .card__media .price-sticker{left:-10px;bottom:calc(12% + 10px)}[data-genre=grunge] .flag{border-radius:0;background:#d9ceaeeb;color:#1d1a13;box-shadow:none;text-transform:uppercase;letter-spacing:.06em;rotate:-2deg}[data-genre=grunge] .flag--pre{background:#a8431f;color:#f1e7cf;rotate:1.5deg}[data-genre=grunge] .flag--sold{background:#3a352b;color:var(--ink-soft)}[data-genre=grunge] .sleeve__cover{filter:sepia(.3) saturate(.7) contrast(1.15) brightness(.92);transition:filter .5s var(--ease)}[data-genre=grunge] .card:hover .sleeve__cover,[data-genre=grunge] .card:focus-within .sleeve__cover{filter:none}[data-genre=grunge] .card:nth-child(odd) .card__media .sleeve{rotate:-1.4deg}[data-genre=grunge] .card:nth-child(2n) .card__media .sleeve{rotate:1.1deg}[data-genre=grunge] .genre-band--skinned:before{top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#15130fdb,#15130f73 55%,#15130f1a)}[data-genre=grunge] .genre-band--skinned:after{right:8%;top:18%;width:150px;height:34px;rotate:24deg;background:#d9ceaec7;box-shadow:-70px 150px 0 -2px #d9ceae99}[data-genre=grunge] .collection-hero__eyebrow{background:#d9ceae;color:#1d1a13;border-radius:0;rotate:-2deg}[data-genre=grunge] .collection-hero__title{justify-self:start;padding:.14em .32em .08em;rotate:-1.2deg;background:#e5dac0;color:#17140f;clip-path:polygon(0 7%,3% 0,9% 5%,15% 1%,22% 6%,30% 0,38% 4%,47% 0,55% 5%,63% 1%,71% 6%,80% 0,88% 5%,95% 1%,100% 6%,99% 94%,94% 100%,86% 95%,78% 100%,69% 95%,60% 99%,51% 94%,42% 100%,33% 96%,24% 100%,16% 95%,8% 99%,1% 94%)}[data-genre=grunge] .collection-hero__lede{font-family:var(--font-type);font-size:1.05rem}[data-genre=grunge] .collection-hero__count{color:var(--accent)}[data-genre=punk]{--paper: #0b0b0b;--paper-2: #141414;--surface: #1c1c1c;--surface-2: #262626;--ink: #f4f1ea;--ink-soft: rgba(244, 241, 234, .66);--line: rgba(244, 241, 234, .22);--accent: #ff2d87;--accent-ink: #0b0b0b;--sticker: #ffe500;--sticker-ink: #0b0b0b;--neon: #ff2d87;--vinyl: #0d0d0d;--glow: rgba(255, 45, 135, .3);--shadow: rgba(0, 0, 0, .8);--header-bg: rgba(11, 11, 11, .94);--footer-bg: #000;--deck: #1d1d1d;--deck-2: #0b0b0b;--deck-btn: #f4f1ea;--deck-btn-ink: #0b0b0b;--grain: .14;--display-stretch: 100%;--display-weight: 900;--display-case: uppercase;--display-tracking: -.02em;--display-leading: .95;--meta-font: var(--font-mono);--btn-radius: 0;--btn-case: uppercase;--btn-tracking: .04em;--card-radius: 0;--divider-stretch: 92%;--tab-bg: #ffe500;--tab-fg: #0b0b0b;--genre-art: radial-gradient(circle at 50% 50%, rgba(255, 45, 135, .5) 0 1.6px, transparent 2.2px) 0 0 / 9px 9px, linear-gradient(135deg, #0b0b0b 0 55%, #1e1e1e 55% 100%)}[data-genre=punk] :is(.h1,.h2):not(.collection-hero__title){width:fit-content;max-width:100%;padding:.06em .22em .02em;background:var(--ink);color:var(--paper);rotate:-1.5deg}[data-genre=punk] .section-head__text .h2{box-shadow:6px 6px 0 var(--accent)}[data-genre=punk] .club .h1{background:#0b0b0b;color:#ffe500}[data-genre=punk] .btn{border-width:3px;box-shadow:4px 4px 0 var(--accent)}[data-genre=punk] .btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--accent)}[data-genre=punk] .btn--accent{box-shadow:4px 4px 0 var(--ink)}[data-genre=punk] .btn--accent:hover{box-shadow:6px 6px 0 var(--ink)}[data-genre=punk] .text-link{text-decoration-color:var(--accent);text-decoration-thickness:4px}[data-genre=punk] .price-sticker{--size: 76px;border-radius:0;box-shadow:none;transform:rotate(10deg);font-family:var(--font);font-stretch:90%;font-weight:900;clip-path:polygon(50% 0,58% 14%,73% 5%,74% 21%,91% 18%,84% 33%,100% 38%,88% 50%,100% 62%,84% 67%,91% 82%,74% 79%,73% 95%,58% 86%,50% 100%,42% 86%,27% 95%,26% 79%,9% 82%,16% 67%,0 62%,12% 50%,0 38%,16% 33%,9% 18%,26% 21%,27% 5%,42% 14%)}[data-genre=punk] .price-sticker--sale{background:var(--accent);color:#0b0b0b}[data-genre=punk] .flag{border-radius:0;background:#f4f1ea;color:#0b0b0b;box-shadow:0 0 0 2px #0b0b0b;text-transform:uppercase;rotate:-3deg}[data-genre=punk] .flag--pre{background:var(--accent)}[data-genre=punk] .sleeve__cover{filter:grayscale(1) contrast(1.45) brightness(1.05);transition:filter .35s}[data-genre=punk] .card:hover .sleeve__cover,[data-genre=punk] .card:focus-within .sleeve__cover{filter:none}[data-genre=punk] .section--tint{-webkit-mask:conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top / 30px 15px repeat-x,linear-gradient(#000 0 0) bottom / 100% calc(100% - 14px) no-repeat;mask:conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top / 30px 15px repeat-x,linear-gradient(#000 0 0) bottom / 100% calc(100% - 14px) no-repeat}[data-genre=punk] .genre-band--skinned{-webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom / 30px 15px repeat-x,linear-gradient(#000 0 0) top / 100% calc(100% - 14px) no-repeat;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom / 30px 15px repeat-x,linear-gradient(#000 0 0) top / 100% calc(100% - 14px) no-repeat;border-bottom:0}[data-genre=punk] .genre-band--skinned:before{right:-40px;top:12%;width:min(46vw,520px);height:72px;rotate:-8deg;background:repeating-linear-gradient(90deg,#ffe500 0 44px,#0b0b0b 44px 88px);box-shadow:0 0 0 3px #0b0b0b}[data-genre=punk] .genre-band--skinned:after{right:10%;bottom:18%;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,#0b0b0b 0 18%,transparent 19%),var(--accent);box-shadow:0 0 0 6px #0b0b0b}[data-genre=punk] .collection-hero__eyebrow{background:var(--sticker);color:#0b0b0b;border-radius:0;rotate:2deg}[data-genre=punk] .collection-hero__lede{background:var(--ink);color:var(--paper);padding:8px 12px;justify-self:start;font-family:var(--font-mono);font-size:.98rem;rotate:.8deg}.ransom{display:inline}.ransom__w{display:inline-block;white-space:nowrap;margin-right:.28em}.ransom__l{display:inline-block;padding:.02em .07em;margin:.03em .015em;line-height:1;rotate:var(--r, 0deg);background:var(--lb);color:var(--lc);font-family:var(--lf);font-stretch:100%;font-weight:900;font-style:normal;font-size:var(--ls, 1em);text-transform:var(--lt, uppercase);box-shadow:1px 2px #00000073}.divider__name .ransom__l{box-shadow:none}[data-genre=metal]{--paper: #060606;--paper-2: #0d0d0e;--surface: #141416;--surface-2: #1d1d20;--ink: #e9e9eb;--ink-soft: rgba(233, 233, 235, .6);--line: rgba(233, 233, 235, .12);--accent: #d0101e;--accent-ink: #ffffff;--sticker: #cfd3d8;--sticker-ink: #0a0a0a;--neon: #d0101e;--vinyl: #050505;--glow: rgba(208, 16, 30, .36);--shadow: rgba(0, 0, 0, .85);--header-bg: rgba(6, 6, 6, .92);--footer-bg: #000;--deck: #18181b;--deck-2: #050505;--deck-btn: #26262a;--deck-btn-ink: #e9e9eb;--grain: .09;--display-stretch: 125%;--display-weight: 900;--display-case: uppercase;--display-tracking: .03em;--display-leading: .92;--btn-radius: 0;--btn-case: uppercase;--btn-tracking: .1em;--card-radius: 0;--divider-stretch: 96%;--tab-bg: #d0101e;--tab-fg: #ffffff;--chrome: linear-gradient(180deg, #ffffff 0%, #d4d8dd 34%, #6b7079 49%, #1d1f23 52%, #b9bec5 66%, #f3f4f6 84%, #8d939b 100%);--genre-art: repeating-linear-gradient(90deg, rgba(255, 255, 255, .028) 0 1px, transparent 1px 3px), radial-gradient(70% 80% at 50% 120%, rgba(208, 16, 30, .45), transparent 70%), linear-gradient(180deg, #151517, #050505)}[data-genre=metal] :is(.display,.h1,.h2,.divider__name){background:var(--chrome);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 0 #000) drop-shadow(0 0 16px rgba(208,16,30,.4))}[data-genre=metal] .club :is(.h1,.h2){background:none;color:var(--ink);-webkit-text-fill-color:currentColor;filter:none}[data-genre=metal] .btn{clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);font-weight:800}[data-genre=metal] .btn--accent:hover{box-shadow:0 0 24px var(--glow)}[data-genre=metal] .text-link{text-decoration-color:var(--accent)}[data-genre=metal] .price-sticker{--size: 86px;border-radius:0;transform:none;box-shadow:none;background:linear-gradient(160deg,#f4f5f7,#9ca2aa 45%,#e6e8eb 60%,#7d838b);font-stretch:88%;font-weight:900;font-size:.9rem;clip-path:polygon(50% 0,60% 14%,78% 7%,80% 25%,98% 28%,88% 44%,100% 58%,83% 66%,86% 85%,67% 83%,58% 100%,44% 88%,27% 96%,22% 78%,3% 74%,12% 57%,0 42%,17% 33%,14% 13%,34% 15%)}[data-genre=metal] .product__stage .price-sticker{--size: 100px;font-size:1.05rem}[data-genre=metal] .price-sticker--sale{background:linear-gradient(160deg,#ff3342,#8e0712);color:#fff}[data-genre=metal] .flag{border-radius:0;background:#0a0a0a;color:#e9e9eb;box-shadow:inset 0 0 0 1px #e9e9eb59;text-transform:uppercase;letter-spacing:.1em}[data-genre=metal] .flag--pre{background:var(--accent);color:#fff;box-shadow:none}[data-genre=metal] .card__media .sleeve{transition:transform .55s var(--ease),box-shadow .4s}[data-genre=metal] .card:hover .sleeve__cover{box-shadow:0 0 0 1px #d0101eb3,0 0 34px #d0101e73}[data-genre=metal] .disc__label{background-color:var(--accent)}[data-genre=metal] .genre-band--skinned:after{left:0;right:0;bottom:0;height:26px;background:#060606;-webkit-mask:conic-gradient(from 158deg at 50% 0,#000 44deg,#0000 0) 0 0 / 22px 100%;mask:conic-gradient(from 158deg at 50% 0,#000 44deg,#0000 0) 0 0 / 22px 100%}[data-genre=metal] .genre-band--skinned:before{top:0;right:0;bottom:0;left:0;background:radial-gradient(40% 60% at 80% 40%,rgba(208,16,30,.22),transparent 70%)}[data-genre=metal] .collection-hero__eyebrow{background:var(--accent);color:#fff;border-radius:0;letter-spacing:.18em}[data-genre=metal] .collection-hero__title{font-size:clamp(3rem,1.4rem + 7vw,7rem);max-width:none}[data-genre=rock]{--paper: #131110;--paper-2: #1b1816;--surface: #221e1b;--surface-2: #2d2824;--ink: #f3e9d6;--ink-soft: rgba(243, 233, 214, .64);--line: rgba(243, 233, 214, .14);--accent: #ff6a1f;--accent-ink: #140f0a;--sticker: #f7f2e6;--sticker-ink: #c3261b;--neon: #e8412c;--vinyl: #0e0d0c;--glow: rgba(255, 150, 60, .3);--shadow: rgba(0, 0, 0, .7);--header-bg: rgba(19, 17, 16, .9);--footer-bg: #0c0b0a;--deck: #26221e;--deck-2: #100e0c;--deck-btn: #342e29;--deck-btn-ink: #f3e9d6;--grain: .1;--display-stretch: 86%;--display-weight: 900;--display-case: uppercase;--display-tracking: -.01em;--display-leading: .9;--btn-case: uppercase;--btn-tracking: .05em;--divider-stretch: 80%;--tab-bg: #ff6a1f;--tab-fg: #140f0a;--tolex: repeating-linear-gradient(45deg, rgba(255, 255, 255, .022) 0 2px, transparent 2px 5px), repeating-linear-gradient(-45deg, rgba(0, 0, 0, .28) 0 2px, transparent 2px 5px);--genre-art: conic-gradient(from 168deg at 22% -12%, transparent 0 4deg, rgba(255, 190, 110, .26) 8deg 16deg, transparent 20deg), conic-gradient(from 176deg at 62% -12%, transparent 0 3deg, rgba(255, 120, 60, .22) 7deg 15deg, transparent 19deg), conic-gradient(from 186deg at 92% -12%, transparent 0 4deg, rgba(255, 220, 160, .2) 8deg 15deg, transparent 19deg), var(--tolex), #171412}body[data-genre=rock]{background-image:var(--tolex)}[data-genre=rock] :is(.display,.h1,.h2,.divider__name){text-shadow:.05em .045em 0 color-mix(in srgb,var(--accent) 85%,transparent)}[data-genre=rock] .club :is(.h1,.h2){text-shadow:.05em .045em 0 rgba(255,255,255,.5)}[data-genre=rock] .btn--accent{box-shadow:0 10px 30px -12px var(--glow)}[data-genre=rock] .price-sticker{width:auto;height:30px;padding:0 12px;border-radius:3px;transform:rotate(-5deg);display:inline-flex;align-items:center;gap:6px;background:var(--sticker);font-family:var(--font-mono);font-stretch:100%;font-weight:800;font-size:.92rem;-webkit-mask:radial-gradient(circle 4px at 0 50%,#0000 98%,#000) left / 51% 100% no-repeat,radial-gradient(circle 4px at 100% 50%,#0000 98%,#000) right / 51% 100% no-repeat;mask:radial-gradient(circle 4px at 0 50%,#0000 98%,#000) left / 51% 100% no-repeat,radial-gradient(circle 4px at 100% 50%,#0000 98%,#000) right / 51% 100% no-repeat;box-shadow:none}[data-genre=rock] .price-sticker s{display:inline;margin:0;color:#140f0a}[data-genre=rock] .price-sticker--sale{background:#ffe9a8}[data-genre=rock] .card__media .price-sticker{left:-6px;bottom:calc(12% + 12px)}[data-genre=rock] .flag{text-transform:uppercase;letter-spacing:.06em}[data-genre=rock] .card__media:hover .sleeve{transform:translate(-4%) rotate(-3deg)}[data-genre=rock] .genre-band--skinned:before{top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#131110b8,#1311100d 70%)}[data-genre=rock] .genre-band--skinned:after{left:0;right:0;bottom:0;height:45%;background:linear-gradient(180deg,transparent,rgba(255,170,90,.08) 60%,rgba(19,17,16,.6))}[data-genre=pop]{--paper: #160a22;--paper-2: #1f0f30;--surface: #2a1540;--surface-2: #361c52;--ink: #fff2fb;--ink-soft: rgba(255, 242, 251, .68);--line: rgba(255, 242, 251, .15);--accent: #ff5fb8;--accent-ink: #22062f;--sticker: #ffe2f3;--sticker-ink: #22062f;--neon: #7cf1ff;--vinyl: #120a1a;--glow: rgba(255, 95, 184, .4);--shadow: rgba(6, 0, 14, .7);--header-bg: rgba(22, 10, 34, .82);--footer-bg: #10071a;--deck: #2c1843;--deck-2: #150a21;--deck-btn: #3d2259;--deck-btn-ink: #fff2fb;--grain: .05;--display-stretch: 108%;--display-weight: 900;--display-tracking: -.035em;--display-leading: .94;--btn-radius: 999px;--card-radius: 16px;--divider-stretch: 104%;--tab-bg: #ff5fb8;--tab-fg: #22062f;--candy: linear-gradient(100deg, #ff5fb8 0%, #c28bff 32%, #7cf1ff 62%, #ff5fb8 100%);--holo: conic-gradient(from 30deg, #ffd1ec, #c9f3ff, #e3d1ff, #fff6c2, #d1ffe9, #ffd1ec);--genre-art: radial-gradient(40% 70% at 12% 20%, rgba(255, 95, 184, .55), transparent 70%), radial-gradient(36% 64% at 78% 30%, rgba(124, 241, 255, .35), transparent 70%), radial-gradient(50% 80% at 55% 110%, rgba(194, 139, 255, .55), transparent 70%), #1d0d2d}body[data-genre=pop]{background-image:radial-gradient(40% 30% at 100% 0,rgba(255,95,184,.14),transparent 70%),radial-gradient(40% 40% at 0 70%,rgba(124,241,255,.07),transparent 70%);background-attachment:fixed}@keyframes crate-shine{to{background-position:200% 0}}[data-genre=pop] :is(.display,.h1,.divider__name){background:var(--candy);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:crate-shine 7s linear infinite;padding-bottom:.06em}[data-genre=pop] .club :is(.h1,.h2){background:none;color:var(--ink);-webkit-text-fill-color:currentColor;animation:none}[data-genre=pop] .h2:after{content:" \2726";color:var(--accent);font-size:.7em;vertical-align:.2em}[data-genre=pop] .club .h1:after{content:none}[data-genre=pop] .btn--accent,[data-genre=pop] .btn--sticker{background-image:linear-gradient(180deg,#fff6,#fff0 55%);box-shadow:0 12px 28px -10px var(--glow),inset 0 -2px #00000026}[data-genre=pop] .btn:hover{transform:translateY(-3px) scale(1.02)}[data-genre=pop] .price-sticker{background:var(--holo);box-shadow:0 6px 18px -6px var(--glow),inset 0 0 0 2px #ffffffb3}[data-genre=pop] .price-sticker--sale{background:var(--accent);color:#fff}[data-genre=pop] .flag{background:#fff2fb;color:#22062f}[data-genre=pop] .flag--pre{background:var(--accent);color:#22062f}[data-genre=pop] .sleeve__cover{box-shadow:0 18px 38px -16px var(--glow)}[data-genre=pop] .card__media:hover .sleeve{transform:translate(-4%) translateY(-6px) rotate(-2deg)}[data-genre=pop] .genre-band--skinned{border-bottom:0;border-radius:0 0 36px 36px}[data-genre=pop] .genre-band--skinned:before,[data-genre=pop] .genre-band--skinned:after{content:"\2726";color:#fff;font-size:42px;line-height:1;text-shadow:0 0 18px #fff;right:12%;top:22%}[data-genre=pop] .genre-band--skinned:after{content:"\2727";right:26%;top:58%;font-size:26px;color:#7cf1ff}[data-genre=pop] .collection-hero__eyebrow{background:var(--holo);color:#22062f;border-radius:999px;padding-bottom:3px}[data-genre=soul]{--paper: #1a0f0b;--paper-2: #23150f;--surface: #2b1a12;--surface-2: #372219;--ink: #f7e6cc;--ink-soft: rgba(247, 230, 204, .66);--line: rgba(247, 230, 204, .14);--accent: #e6a53a;--accent-ink: #1a0f0b;--sticker: #f28b3a;--sticker-ink: #1a0f0b;--neon: #d9432f;--vinyl: #120a07;--glow: rgba(242, 139, 58, .32);--shadow: rgba(0, 0, 0, .7);--header-bg: rgba(26, 15, 11, .88);--footer-bg: #120a07;--deck: #3a2417;--deck-2: #1a0f0b;--deck-btn: #4a2f1f;--deck-btn-ink: #f7e6cc;--grain: .08;--display-font: var(--font-serif);--display-stretch: 100%;--display-weight: 700;--display-style: italic;--display-tracking: -.015em;--display-leading: 1;--btn-tracking: .01em;--card-radius: 3px;--divider-stretch: 100%;--tab-bg: #e6a53a;--tab-fg: #1a0f0b;--sunset: linear-gradient(180deg, #f4c05a 0%, #f28b3a 38%, #d9432f 68%, #8a3120 100%);--genre-art: radial-gradient(60% 90% at 85% 110%, rgba(242, 139, 58, .45), transparent 70%), repeating-linear-gradient(90deg, rgba(0, 0, 0, .12) 0 2px, transparent 2px 7px), linear-gradient(180deg, #2e1810, #1a0f0b)}body[data-genre=soul]{background-image:radial-gradient(50% 30% at 50% 0,rgba(242,139,58,.12),transparent 70%)}[data-genre=soul] .divider__name{font-weight:700;letter-spacing:-.01em}[data-genre=soul] :is(.lede,.hero__text){font-family:var(--font-serif)}[data-genre=soul] .btn--accent{box-shadow:0 10px 26px -12px var(--glow)}[data-genre=soul] .price-sticker{font-family:var(--font-serif);font-style:italic;font-stretch:100%;font-weight:700;font-size:1rem;box-shadow:inset 0 0 0 3px var(--sticker),inset 0 0 0 4.5px #1a0f0b8c,0 6px 16px -6px #0009}[data-genre=soul] .flag{background:var(--accent);color:var(--accent-ink);font-family:var(--font-serif);font-style:italic;font-stretch:100%;font-size:.82rem}[data-genre=soul] .flag--pre{background:var(--neon);color:#fff3e3}[data-genre=soul] .flag--colour{background:#f7e6cc;color:#1a0f0b;box-shadow:none}[data-genre=soul] .sleeve__cover{box-shadow:0 18px 36px -18px #f28b3a73}[data-genre=soul] .genre-band--skinned:after{right:max(4vw,24px);bottom:-2px;width:min(44vw,560px);aspect-ratio:2 / 1;border-radius:999px 999px 0 0;background:var(--sunset);-webkit-mask:linear-gradient(180deg,#000 0 34%,#0000 34% 38%,#000 38% 54%,#0000 54% 60%,#000 60% 72%,#0000 72% 80%,#000 80% 88%,#0000 88% 94%,#000 94%);mask:linear-gradient(180deg,#000 0 34%,#0000 34% 38%,#000 38% 54%,#0000 54% 60%,#000 60% 72%,#0000 72% 80%,#000 80% 88%,#0000 88% 94%,#000 94%);opacity:.9}[data-genre=soul] .collection-hero__eyebrow{font-family:var(--font-serif);font-style:italic;text-transform:none;letter-spacing:.02em;font-size:.9rem;font-stretch:100%}[data-genre=soul] .collection-hero__title{text-shadow:0 4px 30px rgba(0,0,0,.5)}[data-genre=hiphop]{--paper: #111111;--paper-2: #181818;--surface: #202020;--surface-2: #2b2b2b;--ink: #fafafa;--ink-soft: rgba(250, 250, 250, .66);--line: rgba(250, 250, 250, .14);--accent: #ffc629;--accent-ink: #111111;--sticker: #ffc629;--sticker-ink: #111111;--neon: #ff3b30;--vinyl: #0c0c0c;--glow: rgba(255, 198, 41, .28);--shadow: rgba(0, 0, 0, .75);--header-bg: rgba(17, 17, 17, .9);--footer-bg: #0a0a0a;--deck: #242424;--deck-2: #0f0f0f;--deck-btn: #333;--deck-btn-ink: #fafafa;--grain: .12;--display-stretch: 62%;--display-weight: 900;--display-case: uppercase;--display-tracking: .01em;--display-leading: .86;--btn-radius: 6px;--btn-case: uppercase;--btn-tracking: .04em;--card-radius: 4px;--divider-stretch: 64%;--tab-bg: #ffc629;--tab-fg: #111111;--block: 1px 1px 0 #a87c00, 2px 2px 0 #a87c00, 3px 3px 0 #a87c00, 4px 4px 0 #a87c00, 5px 5px 0 #6b4f00, 7px 8px 14px rgba(0, 0, 0, .6);--genre-art: radial-gradient(30% 50% at 18% 30%, rgba(255, 198, 41, .22), transparent 70%), radial-gradient(26% 46% at 82% 70%, rgba(255, 59, 48, .2), transparent 70%), radial-gradient(60% 40% at 50% 50%, #2a2a2a, transparent 80%), repeating-radial-gradient(circle at 30% 40%, rgba(255, 255, 255, .02) 0 2px, transparent 2px 7px), #1a1a1a}[data-genre=hiphop] :is(.display,.h1,.h2,.divider__name){text-shadow:var(--block)}[data-genre=hiphop] .h2{text-shadow:1px 1px 0 #a87c00,2px 2px 0 #a87c00,3px 3px 0 #6b4f00}[data-genre=hiphop] .club :is(.h1,.h2){text-shadow:3px 3px 0 rgba(0,0,0,.25)}[data-genre=hiphop] .btn{border-width:3px;box-shadow:4px 4px 0 var(--ink)}[data-genre=hiphop] .btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}[data-genre=hiphop] .btn--outline{box-shadow:4px 4px 0 var(--accent)}[data-genre=hiphop] .club .btn{box-shadow:4px 4px #fff}[data-genre=hiphop] .price-sticker{width:auto;min-width:72px;height:40px;padding:0 12px;border-radius:10px;display:inline-flex;align-items:center;gap:6px;font-stretch:80%;font-weight:900;font-size:1.05rem;box-shadow:0 0 0 3px #fff,4px 5px 0 3px #000;transform:rotate(-8deg)}[data-genre=hiphop] .price-sticker s{display:inline;margin:0}[data-genre=hiphop] .price-sticker--sale{background:var(--neon);color:#fff}[data-genre=hiphop] .flag{border-radius:0;background:#fff;color:#111;box-shadow:inset 0 0 0 2.5px #111;font-stretch:80%;font-weight:900;text-transform:uppercase}[data-genre=hiphop] .flag--pre{background:var(--neon);color:#fff;box-shadow:none}[data-genre=hiphop] .sleeve__cover{box-shadow:0 0 0 5px #fafafa,6px 8px 0 5px #0000008c;border-radius:4px}[data-genre=hiphop] .card:nth-child(3n+1) .card__media .sleeve{rotate:-2deg}[data-genre=hiphop] .card:nth-child(3n+2) .card__media .sleeve{rotate:1.4deg}[data-genre=hiphop] .collection-hero__title:after{content:"";display:block;width:min(440px,76%);height:34px;margin-top:12px;background:linear-gradient(var(--accent) 0 0) 0 0 / 100% 11px no-repeat,linear-gradient(var(--accent) 0 0) 14% 0 / 7px 24px no-repeat,radial-gradient(circle,var(--accent) 3.5px,transparent 4px) 13.4% 20px / 8px 8px no-repeat,linear-gradient(var(--accent) 0 0) 46% 0 / 6px 16px no-repeat,radial-gradient(circle,var(--accent) 3px,transparent 3.5px) 45.9% 12px / 7px 7px no-repeat,linear-gradient(var(--accent) 0 0) 78% 0 / 8px 28px no-repeat,radial-gradient(circle,var(--accent) 4px,transparent 4.5px) 77.8% 24px / 9px 9px no-repeat;filter:drop-shadow(4px 4px 0 rgba(0,0,0,.5))}[data-genre=hiphop] .genre-band--skinned:after{right:6%;top:16%;width:150px;height:96px;border-radius:14px;rotate:9deg;background:repeating-linear-gradient(0deg,#111 0 8px,#fafafa 8px 16px);box-shadow:0 0 0 4px #fafafa,6px 8px 0 4px #00000080;opacity:.9}[data-genre=hiphop] .collection-hero__eyebrow{background:#fff;color:#111;border-radius:4px;font-stretch:80%;font-weight:900}[data-genre=jazz]{--paper: #0a0e1a;--paper-2: #0f1526;--surface: #151c31;--surface-2: #1c2540;--ink: #efe6d2;--ink-soft: rgba(239, 230, 210, .62);--line: rgba(201, 164, 92, .24);--accent: #c9a45c;--accent-ink: #0a0e1a;--sticker: #efe6d2;--sticker-ink: #0a0e1a;--neon: #6f9bff;--vinyl: #080b14;--glow: rgba(111, 155, 255, .24);--shadow: rgba(0, 0, 0, .7);--header-bg: rgba(10, 14, 26, .88);--footer-bg: #070a13;--deck: #1a2138;--deck-2: #0a0e1a;--deck-btn: #232c48;--deck-btn-ink: #efe6d2;--grain: .08;--display-stretch: 125%;--display-weight: 300;--display-case: uppercase;--display-tracking: .06em;--display-leading: 1.04;--btn-radius: 0;--btn-case: uppercase;--btn-tracking: .16em;--card-radius: 0;--divider-stretch: 100%;--tab-bg: #c9a45c;--tab-fg: #0a0e1a;--genre-art: radial-gradient(34% 60% at 22% 60%, rgba(150, 170, 220, .14), transparent 70%), radial-gradient(28% 50% at 70% 30%, rgba(150, 170, 220, .1), transparent 70%), conic-gradient(from 160deg at 72% -20%, transparent 0 8deg, rgba(239, 230, 210, .1) 14deg 30deg, transparent 38deg), linear-gradient(180deg, #0f1629, #0a0e1a)}[data-genre=jazz] .divider__name{font-weight:400;letter-spacing:.06em;font-size:clamp(.95rem,.6rem + .6vw,1.2rem)}[data-genre=jazz] :is(.muted,.lede,.card__artist){font-family:var(--font-serif);font-style:italic}[data-genre=jazz] .btn{font-size:.8rem;font-weight:600;border-width:1px}[data-genre=jazz] .section-head{border-top:1px solid var(--line);padding-top:22px}[data-genre=jazz] .price-sticker{font-family:var(--font-serif);font-style:italic;font-stretch:100%;font-weight:700;box-shadow:inset 0 0 0 3px var(--sticker),inset 0 0 0 4px var(--accent),0 8px 18px -8px #000000b3;transform:rotate(0)}[data-genre=jazz] .flag{border-radius:0;background:#0a0e1ad9;color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);text-transform:uppercase;letter-spacing:.14em;font-size:.68rem}[data-genre=jazz] .sleeve__cover{outline:1px solid rgba(201,164,92,.45);outline-offset:6px}[data-genre=jazz] .card__title{font-weight:600;letter-spacing:.01em}@keyframes crate-smoke{50%{transform:translate(4%,-3%) scale(1.08)}}[data-genre=jazz] .genre-band--skinned:before{top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(22% 30% at 30% 60%,rgba(200,210,235,.1),transparent 70%),radial-gradient(26% 24% at 62% 44%,rgba(200,210,235,.08),transparent 70%),radial-gradient(18% 22% at 80% 70%,rgba(200,210,235,.07),transparent 70%);filter:blur(12px);animation:crate-smoke 16s ease-in-out infinite}[data-genre=jazz] .collection-hero__title{padding-block:.3em;max-width:none;border-block:3px double var(--accent)}[data-genre=jazz] .collection-hero__eyebrow{background:transparent;color:var(--accent);padding:0;letter-spacing:.3em}[data-genre=electronic]{--paper: #05060b;--paper-2: #0a0c16;--surface: #0f1222;--surface-2: #171b33;--ink: #e4f6ff;--ink-soft: rgba(228, 246, 255, .62);--line: rgba(0, 229, 255, .18);--accent: #00e5ff;--accent-ink: #00161b;--sticker: #c6ff00;--sticker-ink: #0a1200;--neon: #ff2bd6;--vinyl: #04050a;--glow: rgba(0, 229, 255, .32);--shadow: rgba(0, 0, 0, .8);--header-bg: rgba(5, 6, 11, .86);--footer-bg: #030409;--deck: #11142a;--deck-2: #05060b;--deck-btn: #1b2040;--deck-btn-ink: #e4f6ff;--grain: .06;--display-stretch: 125%;--display-weight: 800;--display-case: uppercase;--display-tracking: .02em;--display-leading: .96;--meta-font: var(--font-mono);--btn-radius: 4px;--btn-case: uppercase;--btn-tracking: .08em;--card-radius: 2px;--divider-stretch: 92%;--tab-bg: #00e5ff;--tab-fg: #00161b;--genre-art: linear-gradient(180deg, transparent 58%, rgba(255, 43, 214, .35) 60%, transparent 62%), linear-gradient(0deg, rgba(0, 229, 255, .25) 1px, transparent 1px) 0 0 / 100% 22px, linear-gradient(90deg, rgba(0, 229, 255, .18) 1px, transparent 1px) 0 0 / 22px 100%, radial-gradient(60% 50% at 50% 60%, rgba(255, 43, 214, .25), transparent 70%), #05060b}[data-genre=electronic] :is(.display,.h1,.h2,.divider__name){color:#f2fdff;text-shadow:0 0 6px rgba(0,229,255,.9),0 0 22px rgba(0,229,255,.55),0 0 48px rgba(255,43,214,.4)}[data-genre=electronic] .club :is(.h1,.h2){color:var(--ink);text-shadow:none}[data-genre=electronic] :is(.card__artist,.breadcrumbs,.crate__hint,.crate__count){font-family:var(--font-mono);font-size:.9em}[data-genre=electronic] .btn--accent{box-shadow:0 0 0 1px var(--accent),0 0 22px var(--glow)}[data-genre=electronic] .btn--outline{box-shadow:0 0 14px -4px var(--glow),inset 0 0 14px -6px var(--glow)}[data-genre=electronic] .text-link{text-decoration-color:var(--neon)}[data-genre=electronic] .price-sticker{width:auto;height:32px;padding:0 10px;border-radius:4px;transform:none;display:inline-flex;align-items:center;gap:6px;background:#0a1200;color:var(--sticker);font-family:var(--font-mono);font-stretch:100%;font-weight:700;font-size:.9rem;text-shadow:0 0 8px rgba(198,255,0,.8);box-shadow:inset 0 0 0 1px #c6ff0073,0 0 18px -4px #c6ff0080}[data-genre=electronic] .price-sticker s{display:inline;margin:0}[data-genre=electronic] .price-sticker--sale{color:var(--neon);text-shadow:0 0 8px rgba(255,43,214,.8);box-shadow:inset 0 0 0 1px #ff2bd680;background:#14000f}[data-genre=electronic] .card__media .price-sticker{left:8px;bottom:calc(12% + 14px)}[data-genre=electronic] .flag{border-radius:2px;background:#05060bcc;color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);text-transform:uppercase;letter-spacing:.08em}[data-genre=electronic] .flag--pre{color:var(--neon);box-shadow:inset 0 0 0 1px var(--neon)}[data-genre=electronic] .card:hover .sleeve__cover{box-shadow:-4px 0 #ff2bd6bf,4px 0 #00e5ffbf,0 0 40px -6px var(--glow)}@keyframes crate-grid{to{background-position:0 44px,0 0}}[data-genre=electronic] .genre-band--skinned{background:radial-gradient(70% 90% at 70% 100%,rgba(255,43,214,.3),transparent 70%),#05060b}[data-genre=electronic] .genre-band--skinned:before{left:-25%;right:-25%;bottom:-6%;height:85%;background:linear-gradient(0deg,rgba(0,229,255,.85) 2px,transparent 2px) 0 0 / 100% 44px,linear-gradient(90deg,rgba(0,229,255,.7) 2px,transparent 2px) 0 0 / 60px 100%;filter:drop-shadow(0 0 4px rgba(0,229,255,.8));transform:perspective(300px) rotateX(58deg);transform-origin:50% 100%;-webkit-mask:linear-gradient(0deg,#000 30%,#0000 95%);mask:linear-gradient(0deg,#000 30%,#0000 95%);animation:crate-grid 2.4s linear infinite}[data-genre=electronic] .genre-band--skinned:after{top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.22) 0 1px,transparent 1px 3px)}[data-genre=electronic] .collection-hero__eyebrow{background:transparent;color:var(--sticker);box-shadow:inset 0 0 0 1px var(--sticker);border-radius:2px;padding-bottom:3px;text-shadow:0 0 8px rgba(198,255,0,.7)}.dividers .divider[data-genre=metal] .divider__name{font-size:clamp(1.15rem,.6rem + 1vw,1.7rem)}.dividers .divider[data-genre=jazz] .divider__name{font-size:clamp(1.05rem,.6rem + .8vw,1.45rem)}.dividers .divider[data-genre=electronic] .divider__name{font-size:clamp(1rem,.55rem + .7vw,1.3rem)}.dividers .divider[data-genre=hiphop] .divider__name,.dividers .divider[data-genre=grunge] .divider__name{font-size:clamp(1.5rem,.9rem + 1.2vw,2.2rem)}.dividers .divider[data-genre=soul] .divider__name{font-size:clamp(1.3rem,.8rem + 1vw,1.85rem)}.dividers .divider[data-genre=punk] .divider__name{font-size:clamp(1.1rem,.7rem + .8vw,1.5rem)}@media(max-width:720px){[data-genre=grunge] .genre-band--skinned:after{right:-30px;top:10px;width:110px;height:26px;box-shadow:none}[data-genre=punk] .genre-band--skinned:before{right:-60px;top:14px;width:190px;height:44px}[data-genre=punk] .genre-band--skinned:after,[data-genre=hiphop] .genre-band--skinned:after{display:none}[data-genre=soul] .genre-band--skinned:after{right:-10vw;top:18px;bottom:auto;width:44vw;opacity:.8}[data-genre=pop] .genre-band--skinned:before{right:8%;top:12%;font-size:30px}[data-genre=pop] .genre-band--skinned:after{right:20%;top:28%}[data-genre=metal] .collection-hero__title{font-size:clamp(2.4rem,1rem + 9vw,4rem)}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/genres.css.map */