.color-item{cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);z-index:10;position:relative;overflow:hidden}.color-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);transition:left .6s ease}.color-item:hover:before{left:100%}.color-item:hover{transform:scale(1.15) translateY(-2px) rotate(1deg);box-shadow:0 12px 32px rgba(0,0,0,.25),0 0 0 3px hsla(0,0%,100%,.6),0 0 20px hsla(0,0%,100%,.3);z-index:20}.color-item:active{transform:scale(1.08) translateY(0) rotate(0);box-shadow:0 8px 24px rgba(0,0,0,.2),0 0 0 2px hsla(0,0%,100%,.4);transition:all .2s ease}.color-item:hover{filter:brightness(1.1) contrast(1.05)}@keyframes colorItemEntrance{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.color-item{animation:colorItemEntrance .6s ease-out}.color-item:nth-child(odd){animation-delay:.1s}.color-item:nth-child(2n){animation-delay:.2s}.dy-content{position:relative;box-shadow:0 0 20px rgba(0,0,0,.1);z-index:9999}.scroller{width:100%;height:100%;overflow:hidden;position:relative}.is-animating .scroll-line:first-child{animation:scroller-1 45s linear infinite}@keyframes scroller-1{0%{transform:translateX(-3%)}to{transform:translateX(-153%)}}.is-animating .scroll-line:nth-child(2){animation:scroller-2 50s linear infinite}@keyframes scroller-2{0%{transform:translateX(-7%)}to{transform:translateX(-156%)}}.is-animating .scroll-line:nth-child(3){animation:scroller-3 70s linear infinite}@keyframes scroller-3{0%{transform:translateX(-11%)}to{transform:translateX(-159%)}}.is-animating .scroll-line:nth-child(4){animation:scroller-4 75s linear infinite}@keyframes scroller-4{0%{transform:translateX(-15%)}to{transform:translateX(-162%)}}.is-animating .scroll-line:nth-child(5){animation:scroller-5 80s linear infinite}@keyframes scroller-5{0%{transform:translateX(-19%)}to{transform:translateX(-165%)}}.is-animating .scroll-line:nth-child(6){animation:scroller-6 100s linear infinite}@keyframes scroller-6{0%{transform:translateX(-23%)}to{transform:translateX(-168%)}}.is-animating .scroll-line:nth-child(7){animation:scroller-7 35s linear infinite}@keyframes scroller-7{0%{transform:translateX(-6%)}to{transform:translateX(-150%)}}.is-animating .scroll-line:nth-child(8){animation:scroller-8 40s linear infinite}@keyframes scroller-8{0%{transform:translateX(-10%)}to{transform:translateX(-153%)}}.is-animating .scroll-line:nth-child(9){animation:scroller-9 60s linear infinite}@keyframes scroller-9{0%{transform:translateX(-14%)}to{transform:translateX(-156%)}}.is-animating .scroll-line:nth-child(10){animation:scroller-10 65s linear infinite}@keyframes scroller-10{0%{transform:translateX(-18%)}to{transform:translateX(-159%)}}.is-animating .scroll-line:nth-child(11){animation:scroller-11 70s linear infinite}@keyframes scroller-11{0%{transform:translateX(-22%)}to{transform:translateX(-162%)}}.is-animating .scroll-line:nth-child(12){animation:scroller-12 90s linear infinite}@keyframes scroller-12{0%{transform:translateX(-26%)}to{transform:translateX(-165%)}}.is-animating .scroll-line:nth-child(13){animation:scroller-13 95s linear infinite}@keyframes scroller-13{0%{transform:translateX(-30%)}to{transform:translateX(-168%)}}.is-animating .scroll-line:nth-child(14){animation:scroller-14 30s linear infinite}@keyframes scroller-14{0%{transform:translateX(-13%)}to{transform:translateX(-150%)}}.is-animating .scroll-line:nth-child(15){animation:scroller-15 50s linear infinite}@keyframes scroller-15{0%{transform:translateX(-17%)}to{transform:translateX(-153%)}}.is-animating .scroll-line:nth-child(16){animation:scroller-16 55s linear infinite}@keyframes scroller-16{0%{transform:translateX(-21%)}to{transform:translateX(-156%)}}