.modal{background:var(--secondary-dark);background:linear-gradient(-47deg,var(--secondary-dark) 0,var(--secondary) 100%);position:relative}[data-theme=dark] .modal{background-color:var(--bg-black);background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:transparent var(--tw-gradient-from-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:transparent var(--tw-gradient-to-position)}.modal{align-items:center;display:flex;height:100%;justify-content:center;left:0;opacity:0;overflow-y:auto;padding:2rem;position:fixed;top:0;transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);visibility:hidden;width:100%;z-index:99999}@media (min-width:640px){.modal{padding:5rem}}.modal:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cfilter id='a' x='0' y='0'%3E%3CfeTurbulence baseFrequency='.65' numOctaves='3' stitchTiles='stitch' type='fractalNoise'/%3E%3CfeBlend mode='screen'/%3E%3C/filter%3E%3Cpath d='M0 0h500v500H0z' filter='url(%23a)' opacity='.1'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.8;position:absolute;right:0;top:0;z-index:1}[data-theme=dark] .modal:before{display:none}.modal>:not([class^=z-]){position:relative;z-index:1}.modal.active{opacity:1;visibility:visible}.modal--inner{background-color:var(--bg-white);max-width:56rem;padding:2rem;position:relative;width:100%;z-index:1}[data-theme=dark] .modal--inner{background-color:var(--bg-black)}@media (min-width:1058px){.modal--inner{padding:3rem}}.modal--header{align-items:flex-start;display:flex;gap:1.5rem;justify-content:space-between;margin-bottom:1.5rem;width:100%;z-index:2}.modal--header button{color:var(--secondary)}