.chrono-loader{position:relative;width:40px;height:40px;overflow:hidden;background:#c9d5e0;border-radius:12px;transform-style:preserve-3d;mix-blend-mode:hard-light;box-shadow:5px 5px 10px -2px rgba(0,0,0,.15),inset 5px 5px 5px rgba(255,255,255,.75),-5px -5px 10px rgba(255,255,255,.55),inset -1px -1px 5px rgba(0,0,0,.2);transition:transform .2s ease-in-out;cursor:pointer}.chrono-loader:hover{transform:scale(1.05)}.chrono-circle{position:absolute;inset:7px;background:#acbaca;border-radius:50%;transform-style:preserve-3d;box-shadow:2px 2px 5px 0 #152b4a66,inset 2px 2px 2px rgba(255,255,255,.55),-3px -3px 5px rgba(255,255,255,1)}.chrono-circle:before{inset:2px;background:linear-gradient(#2196f3,#e91e63);mix-blend-mode:color-burn;animation:anim 2s linear infinite}.chrono-circle:after,.chrono-circle:before{content:"";position:absolute;border-radius:50%}.chrono-circle:after{inset:5px;background:#acbaca;z-index:10}@keyframes anim{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}