@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.spinBorder{position:relative;display:block;padding:3px;scale:.8;opacity:0;animation:fadeIn linear forwards;animation-timeline:view();animation-range:entry 0% cover 20%}.spinBorder::after,.spinBorder::before{content:'';position:absolute;top:50%;left:50%;translate:-50% -50%;padding:3px;height:100%;width:100%;background-image:conic-gradient(from var(--angle),#ff4545,#00ff99,#006aff,#ff0095,#ff4545);z-index:-1;animation:3s spinBorderAnimation linear infinite}.spinBorder:hover::before{filter:blur(.5rem);opacity:.5}.spinBorder img{scale:1!important;opacity:1!important}@keyframes spinBorderAnimation{from{--angle:0deg}to{--angle:360deg}}.site_content img:not(.waGoogleMap img){scale:.8;opacity:0;animation:fadeIn linear forwards;animation-timeline:view();animation-range:entry 0% cover 20%}@keyframes fadeIn{to{scale:1;opacity:1}}.compare-page-link.animated{animation:slideOpen 0.5s ease-in-out forwards}.compare-page-link.empty.animated{animation:slideClose 0.5s ease-in-out forwards}@keyframes slideOpen{0%{transform:rotate(-90deg) translate(0%,50%)}100%{transform:rotate(-90deg) translate(0%,-50%)}}@keyframes slideClose{0%{transform:rotate(-90deg) translate(0%,-50%)}100%{transform:rotate(-90deg) translate(0%,50%);display:none}}@keyframes slideBottom{0%{transform:translateY(-100%);box-shadow:0 10px 20px rgba(0,0,0,.1)}100%{transform:translateY(0%);box-shadow:none}}