.modal{background-color:rgba(0,0,0,.62);backdrop-filter:blur(2px);display:none;align-items:center;justify-content:center;position:fixed;height:100%;width:100%;left:0;top:0;margin-top:0;padding:var(--grid-col-gutter);opacity:0;z-index:999}.modal[active=true]{display:flex;opacity:1;transition-property:opacity;transition-duration:var(--transition-time);transition-timing-function:var(--transition-easing)}.modal__content{flex:1;min-width:0;max-width:720px;margin:0 auto;display:flex;flex-direction:column}.modal__content-inner{background:var(--color-pale-blue);border-radius:var(--border-radius-images);max-height:82vh;overflow:auto;padding:20px}@media screen and (min-width: 768px){.modal__content-inner{max-height:90vh;padding:30px}}.modal__close-btn{background:rgba(0,0,0,0);border:0;color:var(--color-white);cursor:pointer;flex:0 0 25px;margin-left:auto;margin-bottom:5px;padding:0}.modal__close-btn:hover{background:rgba(0,0,0,0)}.modal__close-btn svg{height:20px;width:20px}