.Dock-module-scss-module__qZDorW__dockPanel,.Dock-module-scss-module__qZDorW__dockSurface{-webkit-backdrop-filter:blur(16px)saturate(140%);background:#171717cc;border:1px solid #ffffff1a;border-radius:28px;box-shadow:inset 0 1px #ffffff0f,0 24px 48px -12px #000000b3}.Dock-module-scss-module__qZDorW__dockOuter{pointer-events:auto;align-items:center;max-width:100%;margin:0;display:flex}.Dock-module-scss-module__qZDorW__dockPanel{align-items:flex-end;gap:.75rem;width:-moz-fit-content;width:fit-content;padding:0 .55rem .55rem;display:flex;position:absolute;bottom:.5rem;left:50%;transform:translate(-50%)}.Dock-module-scss-module__qZDorW__dockItem{cursor:pointer;color:#ffffffd9;background:linear-gradient(#26262699 0%,#171717b3 100%);border:1px solid #ffffff1a;border-radius:12px;outline:none;justify-content:center;align-items:center;transition:color .18s,background .22s,border-color .22s,box-shadow .22s;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff0f,0 8px 16px -8px #0009}@media (hover:hover) and (pointer:fine){.Dock-module-scss-module__qZDorW__dockItem:hover{color:#fff;border-color:#ffffff4d;box-shadow:inset 0 1px #ffffff1a,0 0 0 2px #ffffff24,0 12px 30px -10px #000000b3}}.Dock-module-scss-module__qZDorW__dockItem:focus-visible{box-shadow:0 0 0 2px #ffffff73,inset 0 1px #ffffff0f,0 6px 14px -6px #0000008c}.Dock-module-scss-module__qZDorW__dockItem.Dock-module-scss-module__qZDorW__active{color:#fff;border-color:#ffffffd9;box-shadow:inset 0 1px #ffffff1f,0 0 0 1px #ffffff8c,0 10px 24px -10px #000000b3}.Dock-module-scss-module__qZDorW__divider{background:#ffffff1a;flex-shrink:0;width:1px;height:24px;margin-bottom:11px}.Dock-module-scss-module__qZDorW__dockIcon{pointer-events:none;justify-content:center;align-items:center;display:flex}.Dock-module-scss-module__qZDorW__dockLabel{white-space:pre;-webkit-backdrop-filter:blur(18px)saturate(140%);letter-spacing:.01em;width:-moz-fit-content;width:fit-content;color:var(--text-primary);pointer-events:none;background:linear-gradient(#ffffff0e 0%,#ffffff03 100%),#161618f0;border:1px solid #ffffff12;border-radius:8px;padding:4px 10px;font-size:11px;font-weight:500;position:absolute;top:-2.1rem;left:50%;transform:translate(-50%);box-shadow:0 10px 24px -10px #000000b3}
.GenreCard-module-scss-module___dKX4G__card{aspect-ratio:16/9;background:var(--genre-accent,#1d2430);color:#fff;isolation:isolate;border-radius:12px;width:220px;display:block;position:relative;overflow:hidden}@media (min-width:768px){.GenreCard-module-scss-module___dKX4G__card{width:248px}}@media (min-width:1280px){.GenreCard-module-scss-module___dKX4G__card{width:268px}}.GenreCard-module-scss-module___dKX4G__card:hover .GenreCard-module-scss-module___dKX4G__wallpaper{transform:scale(1.04)}.GenreCard-module-scss-module___dKX4G__fluid{width:100%}.GenreCard-module-scss-module___dKX4G__wallpaper{object-fit:cover;object-position:center 30%;width:100%;height:100%;transition:transform .45s;position:absolute;top:0;bottom:0;left:0;right:0}.GenreCard-module-scss-module___dKX4G__wash{background:linear-gradient(90deg, var(--genre-accent) 0%, color-mix(in srgb, var(--genre-accent) 72%, transparent) 32%, color-mix(in srgb, var(--genre-accent) 18%, transparent) 68%, transparent 100%),linear-gradient(180deg, transparent 42%, #00000073 100%);pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.GenreCard-module-scss-module___dKX4G__label{z-index:1;letter-spacing:-.02em;text-shadow:0 1px 8px #00000073;margin:0;font-size:17px;font-weight:700;line-height:1.15;position:absolute;bottom:12px;left:14px}