:root{--color-blue:oklch(0.51 0.0734 228.12);--font-header:"p22-mackinac-pro",sans-serif;--color-text:--color-blue;--color-bg:#ffefd5;--color-bg-accent:#ecdcc0;--size:clamp(10rem,1rem + 40vmin,40rem);--gap:calc(var(--size)/4);--smgap:calc(var(--size)/16);--duration:50s;--scroll-start:0;--scroll-end:calc(-100% - var(--gap))}.marquee{display:flex;overflow:hidden;user-select:none;@apply gap-[var(--smgap)] md:gap-[var(--gap)];mask-image:linear-gradient(var(--mask-direction,to right),transparent,#000 5%,#000 95%,transparent);@media (min-width:theme("screens.sm")){mask-image:linear-gradient(var(--mask-direction,to right),transparent,#000 20%,#000 80%,transparent)}}.marquee__group{align-items:center;animation:scroll-x var(--duration) linear infinite;display:flex;flex-shrink:0;gap:var(--gap);justify-content:center}@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-delay:-3s;animation-direction:reverse}@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))}}.marquee svg{aspect-ratio:16/9;background:var(--color-bg-accent);border-radius:.5rem;display:grid;fill:var(--color-text);padding:calc(var(--size)/10);place-items:center;width:var(--size)}.marquee--vertical svg{aspect-ratio:1;padding:calc(var(--size)/6);width:calc(var(--size)/1.5)}.wrapper{display:flex;flex-direction:column;gap:var(--gap);margin:auto;max-width:100vw}.wrapper--vertical{flex-direction:row;height:100vh}.marquee .text{color:oklch(.51 .0734 228.12);font-family:p22-mackinac-pro,sans-serif;font-size:clamp(3.375rem,-.7321rem + 13.1429vw,9.125rem);opacity:50%;span{color:oklch(.68 .146 48.47)}}.marquee .sticker{@apply w-[140px] aspect-square drop-shadow-xl;max-height:140px}