.modal-container{position:fixed;height:100%;width:100%;top:0;left:0;flex-direction:column;align-items:center;justify-content:center;z-index:700;opacity:1;pointer-events:none;padding:2rem;display:flex;overflow-y:scroll;transition:1s}.modal-container::-webkit-scrollbar{display:none}.modal-container.active{opacity:1}.modal-container .back-overlay{position:absolute;top:0;left:0;height:100%;width:100%;z-index:-100}.modal-container .modal{position:relative;min-height:400px;max-width:800px;width:100%;padding:2rem 2.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Roboto Condensed,sans-serif;color:#fff;font-weight:600;line-height:2;gap:1rem;background:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.5)),var(--background);background-size:cover;pointer-events:all;top:0;left:0;opacity:1;transition:1.5s}.modal-container.active .modal{top:0;left:0}.modal-container .modal .next-btn{cursor:pointer}@keyframes openingModal{0%{scale:.1;top:20%;left:100%}5%{scale:.12;top:20%;left:75%}10%{scale:.14;top:20%;left:70%}20%{scale:.18;top:25%;left:65%}30%{scale:.22;top:40%;left:55%}40%{scale:.28;top:45%;left:48%}50%{scale:.35;top:38%;left:40%}60%{scale:.45;top:33%;left:33%}70%{scale:.55;top:28%;left:25%}80%{scale:.7;top:20%;left:15%}90%{scale:.85;top:10%;left:5%}to{scale:1;top:0;left:0}}.modal-container .modal .large-shocked-modal-text{font-family:Poppins;font-size:3rem;font-weight:900;letter-spacing:5px;font-style:italic;text-align:center;margin:30px 0;display:inline-block;transform:perspective(500px) translateX(-100px) rotateY(-30deg);line-height:.4;transform-origin:center;text-shadow:4px 4px 10px rgba(0,0,0,.6),0 0 20px rgba(230,0,0,.8)}.modal-container .modal .emoji{position:absolute;font-size:var(--fontSize);bottom:var(--bottom);right:var(--right);animation:emoji 1s ease infinite;animation-delay:calc(var(--i) * .6s)}@keyframes emoji{0%,to{rotate:0deg;transform:translate(0)}25%,75%{rotate:15deg;transform:translate(calc(var(--right) * 5px),calc(var(--bottom) * 5px))}50%{rotate:-15deg;scale:1.2}}.modal .close-modal-cover{position:absolute;top:.2rem;right:.5rem;display:flex;align-items:center;filter:drop-shadow(0 0 10px black);z-index:5}.modal .close-modal{font-size:1.4rem;color:white;font-weight:900;cursor:pointer}.open-modal-btn{right:-.8rem;width:1.6rem;padding:.55rem;z-index:500;background:#f47B20;border-right-width:0;border-top-left-radius:.5rem;border-bottom-left-radius:.5rem;display:grid;place-content:center;cursor:pointer}.open-modal-btn img{height:100%;width:100%}.open-modal-btn.active img{scale:-1}.modal:has(.modal-50-50-container){padding:0}.modal-50-50-container{position:absolute;top:0;height:100%;width:100%;background:black;display:grid;grid-template-columns:1fr 1fr;font-family:Poppins}.modal-50-50-container .large-text{line-height:1.05}.modal-50-50-container .centered{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}@media(max-width:750px){.modal-container{padding:1rem;align-items:center;justify-content:flex-start}.modal-50-50-container{display:flex;flex-direction:column;background:none}.modal-50-50-container .big-text-heading{font-size:4rem!important}.modal-50-50-container .right{padding-top:1rem!important}}@media(max-width:570px){.modal-container .modal{padding:3rem 2rem}.modal .close-modal{top:1rem;right:1rem}.modal-container .modal .emoji{display:none}}