.background-settings.svelte-t07145{mask-image:linear-gradient(to bottom,transparent 0%,black var(--bg-mask-top)),linear-gradient(to left,transparent 0%,black var(--bg-mask-right)),linear-gradient(to top,transparent 0%,black var(--bg-mask-bottom)),linear-gradient(to right,transparent 0%,black var(--bg-mask-left));mask-composite:intersect;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black var(--bg-mask-top)),linear-gradient(to left,transparent 0%,black var(--bg-mask-right)),linear-gradient(to top,transparent 0%,black var(--bg-mask-bottom)),linear-gradient(to right,transparent 0%,black var(--bg-mask-left));-webkit-mask-composite:source-in}.grid-background.svelte-t07145{--bg-mask-top: min(20%, 30vh);--bg-mask-bottom: min(20%, 30vh);--bg-mask-left: min(20%, 30vw);--bg-mask-right: min(20%, 30vw);position:relative;width:100%;height:fit-content;background:radial-gradient(circle at center,rgba(255,255,255,.02),transparent 55%),var(--bg-color)}.grid.svelte-t07145{position:absolute;inset:0;width:100%;height:100%}.content.svelte-t07145{position:relative;z-index:1;display:flow-root}.genre-chips.svelte-9825yn{display:flex;align-items:center;gap:.5rem;overflow-x:auto;margin:-.25rem calc(-1 * var(--page-gutter));padding:.25rem var(--page-gutter);scrollbar-width:none}.genre-chips.svelte-9825yn::-webkit-scrollbar{display:none}.genre-chips__label.svelte-9825yn{display:flex;flex-shrink:0;align-items:center;gap:.5rem;margin-right:.5rem;font-size:.8125rem;font-weight:600;color:var(--color-ink-disabled)}.chip.svelte-9825yn{display:inline-flex;flex-shrink:0;align-items:center;gap:.375rem;height:2.5rem;padding:0 1rem;border:1px solid oklch(from var(--color-ink) l c h / .12);border-radius:var(--radius-control);background:var(--color-foreground);font-size:.875rem;font-weight:500;white-space:nowrap;color:var(--color-ink);transition:background-color .15s,border-color .15s}.chip.svelte-9825yn:hover{border-color:oklch(from var(--color-ink) l c h / .3);background:var(--color-foreground-hover)}.chip.svelte-9825yn:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}.chip[aria-pressed=true].svelte-9825yn{padding-left:.75rem;border-color:transparent;background:var(--color-secondary);font-weight:700;color:var(--color-on-secondary)}@media(min-width:1024px){.genre-chips.svelte-9825yn{flex-wrap:wrap;overflow:visible}}@media(max-width:767px){.genre-chips__label.svelte-9825yn{display:none}.chip.svelte-9825yn{height:2.25rem}}