.blob{filter:blur(40px);opacity:0;min-width:250px;min-height:250px;background:rgb(255,255,255,.5);transition:all .3s ease-in-out}.blob,.fakeblob{position:absolute;z-index:-1;top:0;left:0;border-radius:50%}.fakeblob{display:hidden;min-width:200px;min-height:200px}.card{display:inline-block;overflow:hidden;padding:3px;margin:0;border-radius:10px;position:relative}.card,.inner{transition:all .3s ease-in-out}.inner{border-radius:7px;padding:20px;min-width:210px;min-height:100%}.card:hover>.inner,.inner{backdrop-filter:blur(80px)}.card:hover>.inner{background:var(--hover-bg)}.card-light{border:1px solid rgba(0,0,0,.1)}.card-light .inner{background:rgba(255,255,255,.9);color:#1f2937;backdrop-filter:blur(20px)}.card-dark{border:1px solid rgba(255,255,255,.1)}.card-dark .inner{background:rgba(0,0,0,.3);color:white;backdrop-filter:blur(20px)}.slider{width:100%;height:var(--height);overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 10% 90%,transparent)}.slider .list{display:flex;width:100%;min-width:calc(var(--width) * var(--quantity));position:relative}.slider .list .item{width:var(--width);height:var(--height);position:absolute;left:100%;animation:autoRun 10s linear infinite;transition:filter .5s;animation-delay:calc((10s / var(--quantity)) * (var(--position) - 1) - 10s)!important}.slider .list .item img{width:100%}@keyframes autoRun{0%{left:100%}to{left:calc(var(--width) * -1)}}.slider:hover .item{animation-play-state:paused!important;filter:grayscale(1)}.slider .item:hover{filter:grayscale(0)}.slider[reverse=true] .item{animation:reversePlay 10s linear infinite}@keyframes reversePlay{0%{left:calc(var(--width) * -1)}to{left:100%}}