.modal{background-color:rgba(0,0,0,.62);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:none;position:fixed;height:100%;width:100%;left:0;top:0;opacity:0;z-index:99999;max-width:100%;overflow:auto}.modal[active=true]{display:flex;opacity:1;transition-property:opacity;transition-duration:var(--transition-time);transition-timing-function:var(--transition-easing)}.modal__content-wrap{min-width:0;margin:auto;padding:var(--grid-col-gutter)}.modal__content{background:var(--color-gray-100);border-radius:var(--border-radius-images);padding:30px}.modal__close-button-wrap{text-align:right}.modal__close-btn{background:rgba(0,0,0,0);border:0;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}.modal__open-modal{display:inline-block}