:root{--size-min:20px;--size-max:35px;--animation-duration:1s;--heart-dark:#ee9c9d;--heart-light:#e77e82}.loader{position:relative;width:var(--size-max);height:var(--size-max);display:flex;align-items:center;justify-content:center}.heart{background-color:transparent;transform:rotate(-45deg);animation:pulse var(--animation-duration) infinite ease-in-out}.heart,.heart:after,.heart:before{position:absolute;width:var(--size-min);height:var(--size-min)}.heart:after,.heart:before{content:"";display:block;border-radius:50%}.heart:before{top:-50%;left:0}.heart:after{left:50%;top:0}.heart.dark{animation:pulse var(--animation-duration) infinite ease-in-out}.heart.dark,.heart.dark:after,.heart.dark:before{background-color:var(--heart-dark)}.heart.light{animation:pulse var(--animation-duration) infinite ease-in-out;animation-delay:calc(var(--animation-duration) / 2)}.heart.light,.heart.light:after,.heart.light:before{background-color:var(--heart-light)}@keyframes pulse{0%{transform:rotate(-45deg) scale(.5);opacity:0}20%{opacity:1}50%{transform:rotate(-45deg) scale(1);opacity:1}80%{opacity:1}to{transform:rotate(-45deg) scale(.5);opacity:0}}