.dot-field-container{width:100%;height:100%;position:relative;overflow:hidden}
.list{contain:layout paint;will-change:height;width:100%;transition:height .3s cubic-bezier(.25,1,.5,1);position:relative}.item-wrapper{cursor:pointer;will-change:transform, opacity;transform-style:preserve-3d;backface-visibility:hidden;contain:layout paint;-webkit-font-smoothing:antialiased;padding:6px;position:absolute;top:0;left:0}.item-wrapper>.item-img{will-change:transform;background-position:50%;background-size:cover;border-radius:14px;width:100%;height:100%;transition:transform .35s cubic-bezier(.25,1,.5,1);position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 10px 30px -5px #0009}.item-wrapper:hover>.item-img{transform:translateZ(0)scale(.97)}.item-wrapper .color-overlay{opacity:0;pointer-events:none;will-change:opacity;background:linear-gradient(45deg,#ff00964d,#0096ff4d);border-radius:14px;width:100%;height:100%;transition:opacity .35s;position:absolute;top:0;left:0}.item-wrapper:hover .color-overlay{opacity:1}