:root{--color-text:navy;--color-bg:#ffefd5;--color-bg-accent:#ecdcc0;--size:clamp(10rem,1rem + 40vmin,30rem);--gap:calc(var(--size) / 14);--duration:60s;--scroll-start:0;--scroll-end:calc(-100% - var(--gap))}@media (prefers-color-scheme:dark){:root{--color-text:#ffefd5;--color-bg:navy;--color-bg-accent:#2626a0}}.marqueeArtistsContainer{align-content:center;overflow:hidden;gap:var(--gap);width:100%}.marqueeArtistsContainer .marquee{display:flex;overflow:hidden;-webkit-user-select:none;user-select:none;gap:var(--gap);-webkit-mask-image:linear-gradient(var(--mask-direction,to right),#0000,#000 20%,#000 80%,#0000);mask-image:linear-gradient(var(--mask-direction,to right),#0000,#000 20%,#000 80%,#0000)}.marqueeArtistsContainer .marquee__group{flex-shrink:0;display:flex;align-items:center;justify-content:space-around;gap:var(--gap);min-width:100%;animation:scroll-x var(--duration) linear infinite}@media (prefers-reduced-motion:reduce){.marqueeArtistsContainer .marquee__group{animation-play-state:paused}}.marqueeArtistsContainer .marquee--vertical{--mask-direction:to bottom}.marquee--vertical,.marquee--vertical .marquee__group{flex-direction:column}.marquee--vertical .marquee__group{animation-name:scroll-y}.marquee--reverse .marquee__group{animation-direction:reverse;animation-delay:-3s}@keyframes scroll-x{0%{transform:translateX(var(--scroll-start))}to{transform:translateX(var(--scroll-end))}}@keyframes scroll-y{0%{transform:translateY(var(--scroll-start))}to{transform:translateY(var(--scroll-end))}}.marqueeArtistsContainer .marquee .portrait{display:grid;place-items:center;width:5rem;fill:var(--color-text);background:var(--color-bg-accent);aspect-ratio:1/1;padding:calc(var(--size) / 10);border-radius:2.5rem;background-repeat:no-repeat;background-size:100% 100%;cursor:pointer;filter:grayscale(100%)}.marqueeArtistsContainer .marquee .portrait:hover{filter:grayscale(0)}.marqueeArtistsContainer .marquee--vertical .portrait{aspect-ratio:1;height:5rem;width:5rem}.marqueeArtistsContainer .wrapper{display:flex;flex-direction:column;gap:var(--gap);margin:auto;max-width:100vw}.marqueeArtistsContainer .wrapper--vertical{flex-direction:row;height:100vh}.marqueeArtistsContainer .toggle{--size:3rem;position:relative;position:fixed;top:1rem;left:1rem;width:var(--size);height:var(--size);font:inherit;text-align:center;cursor:pointer;outline:none;border:none;border-radius:50%;color:inherit;background-color:var(--color-bg-accent);z-index:1}.marqueeArtistsContainer .toggle:focus-visible{box-shadow:0 0 0 2px var(--color-text)}.marqueeArtistsContainer .toggle span{position:absolute;display:inline-block;top:50%;left:calc(100% + .4em);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;white-space:nowrap;transform:translateY(-50%);animation:fade .4s ease-out 4s forwards;-webkit-user-select:none;user-select:none}.marqueeArtistsContainer .toggle svg{--size:1.5rem;position:absolute;top:50%;left:50%;width:var(--size);height:var(--size);fill:currentcolor;transform:translate(-50%,-50%);transition:transform .3s cubic-bezier(.25,1,.5,1)}.marqueeArtistsContainer .toggle--vertical svg{transform:translate(-50%,-50%) rotate(-90deg)}@keyframes fade{to{opacity:0;visibility:hidden}}