.modal{--modal-backdrop-color:rgba(0,0,0,.5);--modal-content-bg-color:var(--site-bg,#fff);--modal-border-radius:var(--global-border-radius,6px);--modal-padding:var(--spacing-3,1rem);background:var(--modal-content-bg-color);border:1px solid var(--global-border-color);border-radius:var(--modal-border-radius);filter:blur(10px);color:inherit;opacity:0;width:100%;padding:0;transition:all .2s;position:fixed;scale:2}@media screen and (min-width:768px){.modal{width:80vw}}@media screen and (min-width:1024px){.modal{width:60vw}}@media screen and (min-width:1280px){.modal{width:580px}}.modal::backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--modal-backdrop-color);opacity:0;transition:all .3s}.modal.show{filter:blur();opacity:1;transition:all .2s;scale:1}.modal.show::backdrop{opacity:1;transition:all .2s}.modal .btn.close{color:var(--color-brand-1);cursor:pointer;padding:var(--spacing-1,.25rem);right:var(--spacing-3,1rem);top:var(--spacing-3,1rem);justify-content:center;align-items:center;transition:all .2s;display:inline-flex;position:absolute}.modal .btn.close:hover{transition:all .2s;rotate:-90deg}.modal .modal-header{background:var(--modal-content-bg-color);border-bottom:1px solid var(--global-border-color);min-height:3.5rem;padding:var(--spacing-5,2rem)var(--spacing-3,1rem)var(--spacing-3,1rem)var(--spacing-3,1rem);z-index:1;width:100%;position:-webkit-sticky;position:sticky;top:0}.modal .header-title{text-align:center}.modal .header-title.with-header-content{border-bottom:1px solid var(--global-border-color);margin-bottom:var(--spacing-3,1rem);padding-bottom:var(--spacing-3,1rem)}.modal .modal-content{background:var(--modal-content-bg-color)url(/images/testing/card-bg/circles.png) 0 0/cover no-repeat;padding:var(--spacing-3,1rem)var(--spacing-5,2rem)var(--spacing-5,2rem)var(--spacing-5,2rem)}.modal .modal-footer-container{border-top:1px solid var(--global-border-color);align-content:center;gap:var(--spacing-3,1rem);margin-top:var(--spacing-3,1rem);padding-top:var(--spacing-3,1rem);flex-wrap:wrap;justify-content:space-between;display:flex}.modal .modal-footer-container .btn{flex:1}
