.l7-root{--l7-paper:246 242 234;--l7-paper-deep:236 229 216;--l7-ink:22 21 28;--l7-flame:255 87 34;--l7-cobalt:52 76 255;--l7-butter:255 212 59;--l7-gum:201 160 108;--l7-sky:196 218 255;--l7-mint:184 236 208;--l7-blush:255 208 196}.l7-root ::selection{background:rgb(var(--l7-butter));color:rgb(var(--l7-ink))}.l7-tread{background-image:repeating-linear-gradient(-55deg, rgb(var(--l7-ink)) 0 3px, transparent 3px 7px);height:6px}.l7-tread-light{background-image:repeating-linear-gradient(-55deg, rgb(var(--l7-paper)) 0 3px, transparent 3px 7px);height:6px}.l7-mesh{background-image:radial-gradient(rgb(var(--l7-ink) / .14) 1.2px, transparent 1.5px);background-size:11px 11px}.l7-knit{background-image:repeating-linear-gradient(90deg, rgb(var(--l7-ink) / .06) 0 2px, transparent 2px 6px)}.l7-no-scrollbar{scrollbar-width:none}.l7-no-scrollbar::-webkit-scrollbar{display:none}@keyframes l7-marquee{0%{transform:translate(0)}to{transform:translate(50%)}}@keyframes l7-ping-soft{0%{opacity:.7;transform:scale(1)}80%,to{opacity:0;transform:scale(2.4)}}@keyframes l7-float{0%,to{transform:translateY(0) rotate(var(--l7-rot,0deg))}50%{transform:translateY(-10px) rotate(calc(var(--l7-rot,0deg) + 1.5deg))}}.l7-marquee-track{animation:38s linear infinite l7-marquee}.l7-ping{animation:1.8s ease-out infinite l7-ping-soft}.l7-float{animation:6s ease-in-out infinite l7-float}.l7-sole-waffle{background-image:linear-gradient(rgb(var(--l7-ink) / .26) 2px, transparent 2px), linear-gradient(90deg, rgb(var(--l7-ink) / .26) 2px, transparent 2px);background-size:12px 12px}.l7-sole-herring{background-image:repeating-linear-gradient(45deg, rgb(var(--l7-ink) / .28) 0 2px, transparent 2px 9px), repeating-linear-gradient(-45deg, rgb(var(--l7-ink) / .28) 0 2px, transparent 2px 9px);background-size:18px 18px}.l7-sole-cup{background-image:repeating-linear-gradient(90deg, rgb(var(--l7-ink) / .26) 0 7px, transparent 7px 16px)}.l7-sole-lugs{background-image:radial-gradient(circle, rgb(var(--l7-ink) / .4) 3.5px, transparent 4px);background-size:16px 16px}.l7-sole-rib{background-image:repeating-linear-gradient(90deg, rgb(var(--l7-ink) / .2) 0 2px, transparent 2px 6px)}.l7-sole-waffle,.l7-sole-herring,.l7-sole-cup,.l7-sole-lugs,.l7-sole-rib{transition:background-position .8s cubic-bezier(.2,.7,.2,1)}.group:hover .l7-sole-waffle,.group:hover .l7-sole-herring,.group:hover .l7-sole-cup,.group:hover .l7-sole-lugs,.group:hover .l7-sole-rib{background-position:36px 0}