.media-item{aspect-ratio:4/5;user-select:none}#matter-overlay canvas{display:block;width:100%;height:100%;border:none;outline:none;overflow:hidden}.bop{margin:0;padding:0;color:#fff;text-shadow:.06em .006em 0 #000,0em .09em 0 #000,.06em .09em 0 #000,0px -0.04em 0 #000,-0.04em -0.04em 0 #000,-0.04em .09em 0 #000,-0.04em 0 0 #000}.bop span{display:inline-block}.bop span:nth-child(2n){animation:bopA 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards infinite alternate}.bop span:last-child{animation:bopB 1s .2s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards infinite alternate}@keyframes bopA{0%{transform:scale(0.9)}50%,100%{transform:scale(1)}}@keyframes bopB{0%{transform:scale(0.9)}80%,100%{transform:scale(1) rotateZ(-3deg)}}.container{width:92vw !important;max-width:120ppx !important}@keyframes knockknockknock{0%,100%{transform:rotate(0deg)}10%{transform:rotate(-12deg) scale(1.25)}20%{transform:rotate(0deg)}30%{transform:rotate(-12deg) scale(1.25)}40%{transform:rotate(0deg)}50%{transform:rotate(-12deg) scale(1.25)}60%{transform:rotate(0deg)}100%{transform:rotate(0deg)}}.is-knocking{display:inline-block;animation:knockknockknock 1.2s ease-in-out;transform-origin:center}.has-hearts{position:relative}.hearts{position:absolute;left:50%;top:10%;z-index:2;width:4rem;height:2.5rem;transform:translateX(-50%);display:block}.hearts div{width:40px;height:40px;background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 800 700' fill='%23E2264D' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m263.42 235.15c-66.24 0-120 53.76-120 120 0 134.76 135.93 170.09 228.56 303.31 87.574-132.4 228.56-172.86 228.56-303.31 0-66.24-53.76-120-120-120-48.048 0-89.402 28.37-108.56 69.188-19.161-40.817-60.514-69.188-108.56-69.188z' /%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;opacity:0}.hearts div:nth-child(1){-webkit-animation:heartUp 1s .6s 3 ease-in;animation:heartUp 1s .6s 3 ease-in}.hearts div:nth-child(2){width:32px;height:32px;position:absolute;left:1rem;-webkit-animation:heartUp 1s .9s 3 ease-in;animation:heartUp 1s .9s 3 ease-in}.hearts div:nth-child(3){width:24px;height:24px;position:absolute;left:.5rem;-webkit-animation:heartUp 1s 1.2s 3 ease-in;animation:heartUp 1s 1.2s 3 ease-in}@keyframes heartUp{0%{opacity:0;-webkit-transform:translate3d(0, 0, 0) rotate(10deg);transform:translate3d(0, 0, 0) rotate(10deg)}50%{opacity:1}65%{opacity:1}90%{opacity:0;-webkit-transform:translate3d(0, -100px, 0) scale(1.2) rotate(-10deg);transform:translate3d(0, -100px, 0) scale(1.2) rotate(-10deg)}100%{opacity:0}}