.modal{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:var(--z-modal);opacity:0;visibility:hidden;background-color:#0000008c;justify-content:center;align-items:center;padding:1.5rem 1rem;transition:all .3s;display:flex;position:fixed;inset:0;overflow-y:auto}.modal__content{background-color:var(--container-color);border-radius:1.5rem;width:100%;max-width:640px;max-height:85vh;margin:auto;padding:3.5rem 2.5rem 2.5rem;position:relative;overflow-y:auto;box-shadow:0 30px 70px -20px #00000073}.modal__close{width:2.25rem;height:2.25rem;color:var(--title-color);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:1.35rem;transition:background-color .2s,color .2s;display:flex;position:absolute;top:1.25rem;right:1.25rem}.modal__close:hover{background-color:var(--accent-tint);color:var(--accent-color-dark)}.active-modal{opacity:1;visibility:visible}@media screen and (max-width:576px){.modal__content{padding:3.5rem 1.5rem 2rem}}