.heart-container{position:relative;animation:heart 1s cubic-bezier(.17,.89,.32,1.49)}.heart-container:after,.heart-container:before{position:absolute;z-index:-1;top:50%;left:50%;border-radius:50%;content:""}.heart-container:before{box-sizing:border-box;margin:-1.5rem;border:1.5rem solid rgba(255,85,0,.3);width:3rem;height:3rem;transform:scale(0)}.heart-container:after{margin:-.1875rem;width:.375rem;height:.375rem;box-shadow:-.7698621809rem -1.4242760345rem 0 -.20625rem #f50,.1894171459rem -1.8835553613rem 0 -.20625rem #f50,.8575250469rem -1.2561681335rem 0 -.20625rem #f50,-.7698621809rem -1.4242760345rem 0 -.20625rem #f50,.1894171459rem -1.8835553613rem 0 -.20625rem #f50,.8575250469rem -1.2561681335rem 0 -.20625rem #f50}.heart-container.active{color:#f50;will-change:font-size}.heart-container.active:after,.heart-container.active:before{animation:inherit;animation-timing-function:ease-out}.heart-container.active.animate{animation:heart 1s cubic-bezier(.17,.89,.32,1.49)}.heart-container.active.animate:before{will-change:transform,border-width,border-color;animation-name:bubble}.heart-container.active.animate:after{will-change:opacity,box-shadow;animation-name:particles}@keyframes heart{0%,17.5%{font-size:0}}@keyframes bubble{15%{transform:scale(1);border-color:rgba(255,85,0,.3);border-width:1.5rem}30%,to{transform:scale(1);border-color:rgba(255,85,0,.3);border-width:0}}@keyframes green-bubble{15%{transform:scale(1);border-color:rgba(46,229,138,.3);border-width:1.5rem}30%,to{transform:scale(1);border-color:rgba(46,229,138,.3);border-width:0}}@keyframes particles{0%,20%{opacity:0}25%{opacity:1;box-shadow:-.672805039rem -1.0620538496rem 0 0 #f50,.2864742878rem -1.5213331764rem 0 0 #f50,.9545821888rem -.8939459486rem 0 0 #f50,-.672805039rem -1.0620538496rem 0 0 #f50,.2864742878rem -1.5213331764rem 0 0 #f50,.9545821888rem -.8939459486rem 0 0 #f50}}.bookmark-container{position:relative;animation:heart 1s cubic-bezier(.17,.89,.32,1.49)}.bookmark-container:before{position:absolute;z-index:-1;top:50%;left:50%;border-radius:50%;content:"";box-sizing:border-box;margin:-1.5rem;border:1.5rem solid rgba(46,229,138,.3);width:3rem;height:3rem;transform:scale(0)}.bookmark-container.active{color:#2ee58a;will-change:font-size}.bookmark-container.active:before{animation:inherit;animation-timing-function:ease-out}.bookmark-container.active.animate{animation:heart 1s cubic-bezier(.17,.89,.32,1.49)}.bookmark-container.active.animate:before{will-change:transform,border-width,border-color;animation-name:green-bubble}