:root{--modal-color:var(--color-black);--modal-padding-x:clamp(1rem,5vw,4rem);--modal-margin-y:clamp(3rem,5vw,4rem);--modal-background-color:var(--color-white);--modal-backdrop-color:var(--color-black-75);--modal-width:calc(100% - 2rem);--modal-max-width:min(45rem,100%);--modal-max-height:90rem;--modal-close-size:1rem;--modal-close-opacity:0.5}body .tingle-modal{background:var(--color-black-75);background:var(--modal-backdrop-color);color:var(--color-black);color:var(--modal-color)}body .tingle-modal-box{max-width:min(45rem,100%);max-width:var(--modal-max-width);padding:clamp(1rem,5vw,4rem);padding:var(--modal-padding-x)}body .tingle-modal-box__content{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:0;text-align:center}body .tingle-modal-box__footer{background:transparent;display:flex;justify-content:center;grid-gap:1rem;gap:1rem;padding:calc(clamp(1rem, 5vw, 4rem)/2) 0 0;padding-top:calc(var(--modal-padding-x)/2)}body .tingle-btn--primary{--button-background:var(--color-green-500);--button-color:var(--color-yellow-500)}body .tingle-btn--danger{--button-background:var(--color-yellow-500);--button-color:var(--color-black)}