body.modal-open{overflow:hidden}.animate-press{animation:btn-press .28s ease-out}.animate-ring{animation:ring .45s ease-out}@keyframes btn-pop{0%{transform:scale(1) rotate(0)}50%{transform:scale(1.06) rotate(7deg)}to{transform:scale(1) rotate(0)}}@keyframes btn-press{0%{transform:scale(1) rotate(0)}40%{transform:scale(.92) rotate(-6deg)}to{transform:scale(1) rotate(0)}}@keyframes ring{0%{opacity:.35;transform:scale(.6)}80%{opacity:0;transform:scale(1.6)}to{opacity:0;transform:scale(1.6)}}.close-button span{display:block;inset:0;pointer-events:none;position:absolute}.close-button:hover .hover-pop{animation:btn-pop .5s ease}.close-button.animate-press{animation:btn-press .28s ease-out}.close-button .click-ring.animate-ring{animation:ring .45s ease-out}.close-cross{height:18px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:18px}.close-cross:after,.close-cross:before{background:#374151;content:"";height:2px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transform-origin:center;transition:all .3s ease;width:18px}.close-cross:before{transform:translate(-50%,-50%) rotate(45deg)}.close-cross:after{transform:translate(-50%,-50%) rotate(-45deg)}.group:hover .close-cross:after,.group:hover .close-cross:before{background:#4f46e5;width:22px}.dark .close-cross:after,.dark .close-cross:before{background:#d1d5db}.dark .group:hover .close-cross:after,.dark .group:hover .close-cross:before{background:#818cf8}