@font-face{font-family:Space Grotesk;src:url(../fonts/space-grotesk-latin-wght-v22.woff2) format(woff2);font-display:optional;font-weight:400 700;font-style:normal}@font-face{font-family:"Space Grotesk Fallback: BlinkMacSystemFont";src:local("BlinkMacSystemFont");size-adjust:117.4059%;ascent-override:83.8118%;descent-override:24.871%;line-gap-override:0%}@font-face{font-family:"Space Grotesk Fallback: Segoe UI";src:local("Segoe UI");size-adjust:110.2943%;ascent-override:89.2159%;descent-override:26.4746%;line-gap-override:0%}@font-face{font-family:"Space Grotesk Fallback: Helvetica Neue";src:local("Helvetica Neue");size-adjust:108.6667%;ascent-override:90.5521%;descent-override:26.8712%;line-gap-override:0%}@font-face{font-family:"Space Grotesk Fallback: Arial";src:local("Arial");size-adjust:109.6903%;ascent-override:89.7072%;descent-override:26.6204%;line-gap-override:0%}@font-face{font-family:"Space Grotesk Fallback: Noto Sans";src:local("Noto Sans");size-adjust:103.1646%;ascent-override:95.3816%;descent-override:28.3043%;line-gap-override:0%}.genre-card{aspect-ratio:1/1;border-radius:.75rem;border-width:1px;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;--tw-border-opacity:1;border-color:rgb(var(--color-border-base)/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--color-bg-elevated)/var(--tw-bg-opacity,1));transition-duration:.2s;transition-property:border-color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}.genre-card:hover{--tw-border-opacity:1;border-color:rgb(var(--color-border-strong)/var(--tw-border-opacity,1))}.genre-card__glow{background-image:radial-gradient(circle at 30% 20%,var(--genre),transparent 65%);inset:0;opacity:.25;position:absolute;transition-duration:.3s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.genre-card:hover .genre-card__glow,.genre-card__eq{opacity:.4}.genre-card__eq{background-color:var(--genre);bottom:.75rem;height:2rem;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 32'%3E%3Crect width='5' height='18' y='14' rx='1.5'/%3E%3Crect width='5' height='26' x='9' y='6' rx='1.5'/%3E%3Crect width='5' height='14' x='18' y='18' rx='1.5'/%3E%3Crect width='5' height='32' x='27' rx='1.5'/%3E%3Crect width='4' height='22' x='36' y='10' rx='1.5'/%3E%3C/svg%3E") center /contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 32'%3E%3Crect width='5' height='18' y='14' rx='1.5'/%3E%3Crect width='5' height='26' x='9' y='6' rx='1.5'/%3E%3Crect width='5' height='14' x='18' y='18' rx='1.5'/%3E%3Crect width='5' height='32' x='27' rx='1.5'/%3E%3Crect width='4' height='22' x='36' y='10' rx='1.5'/%3E%3C/svg%3E") center /contain no-repeat;position:absolute;right:.75rem;transition-duration:.3s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);width:2.5rem}.genre-card:hover .genre-card__eq{opacity:.6}.genre-card__noise{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='4' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");background-size:200px 200px;inset:0;mix-blend-mode:overlay;opacity:.05;position:absolute}.genre-card__name{display:block;font-family:Space Grotesk,"Space Grotesk Fallback: BlinkMacSystemFont","Space Grotesk Fallback: Segoe UI","Space Grotesk Fallback: Helvetica Neue","Space Grotesk Fallback: Arial","Space Grotesk Fallback: Noto Sans",system-ui,sans-serif;font-weight:700;line-height:1.25;--tw-text-opacity:1;color:rgb(var(--color-content-primary)/var(--tw-text-opacity,1));font-size:clamp(.85rem,2.5vw,1rem);letter-spacing:-.01em}.genre-card__line{bottom:0;height:1px;left:0;position:absolute;right:0;transform-origin:left;--tw-scale-x:0;--tw-bg-opacity:1;background-color:rgb(var(--color-accent-neon)/var(--tw-bg-opacity,1));transition-duration:.3s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.genre-card:hover .genre-card__line,.genre-card__line{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.genre-card:hover .genre-card__line{--tw-scale-x:1}