: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 screen and (min-width:1041px){.marquee{display:flex;overflow:hidden;user-select:none;gap:var(--gap)}.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){.marquee__group{animation-play-state:paused}}.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{from{transform:translateX(var(--scroll-start))}to{transform:translateX(var(--scroll-end))}}@keyframes scroll-y{from{transform:translateY(var(--scroll-start))}to{transform:translateY(var(--scroll-end))}}.marquee svg{display:grid;place-items:center;width:var(--size);fill:var(--color-text);background:var(--color-bg-accent);aspect-ratio:16/9;padding:calc(var(--size) / 10);border-radius:.5rem}.marquee--vertical svg{aspect-ratio:1;width:calc(var(--size) / 1.5);padding:calc(var(--size) / 6)}.wrapper_marquee{display:flex;flex-direction:column;gap:var(--gap);margin:auto;max-width:100vw}.wrapper--vertical{flex-direction:row;height:100vh}@keyframes fade{to{opacity:0;visibility:hidden}}}@media screen and (max-width:1040px){.marquee{display:flex;overflow:hidden;user-select:none;gap:var(--gap)}.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){.marquee__group{animation-play-state:paused}}.marquee--reverse .marquee__group{animation-direction:reverse;animation-delay:-3s}@keyframes scroll-x{from{transform:translateX(var(--scroll-start))}to{transform:translateX(var(--scroll-end))}}@keyframes scroll-y{from{transform:translateY(var(--scroll-start))}to{transform:translateY(var(--scroll-end))}}.marquee svg{display:grid;place-items:center;width:var(--size);fill:var(--color-text);background:var(--color-bg-accent);aspect-ratio:16/9;padding:calc(var(--size) / 10);border-radius:.5rem}.marquee--vertical svg{aspect-ratio:1;width:calc(var(--size) / 1.5);padding:calc(var(--size) / 6)}.wrapper_marquee{display:flex;flex-direction:column;gap:var(--gap);margin:auto;max-width:100vw}@keyframes fade{to{opacity:0;visibility:hidden}}}