.modal-stack{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;pointer-events:none;opacity:0;z-index:50;overflow:hidden}.modal-stack:has(.modal--shown){pointer-events:auto;opacity:1;transition:opacity .15s ease-out}.modal{--max-width: 100%;--max-height: 75svh;--font-size: 2.5rem;--translateX: -50%;--translateY: 0%;position:fixed;top:50%;left:50%;transform:translate(var(--translateX),var(--translateY));display:flex;flex-direction:column;gap:1rem;width:100%;max-width:var(--max-width);max-height:var(--max-height);padding:1.5rem;background-color:#fff;border-radius:.5rem;opacity:0;transition-property:transform,opacity;transition-duration:.15s;transition-timing-function:ease-out;pointer-events:none;overflow:hidden;z-index:50;container-type:inline-size}.modal.modal--bottom{--translateX: 0;--translateY: 50%;top:unset;bottom:0;left:0;border-radius:calc(.5rem - 4px) calc(.5rem - 4px) 0 0}.modal.modal--bounce{animation:bounce-modal .4s ease}.modal.modal--xs{--max-width: 20rem;--font-size: 1.5rem}.modal.modal--sm{--max-width: 24rem;--font-size: 1.75rem}.modal.modal--md{--max-width: 28rem;--font-size: 2rem}.modal.modal--lg{--max-width: 32rem;--font-size: 2.25rem}.modal.modal--xl{--max-width: 36rem;--font-size: 2.25rem}.modal.modal--2xl{--max-width: 42rem;--font-size: 2.25rem}.modal.modal--3xl{--max-width: 48rem}.modal.modal--4xl{--max-width: 58rem;--max-height: 80svh}.modal.modal--5xl{--max-width: 64rem;--max-height: 80svh}.modal:before{content:"";position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(to right,var(--main-color-2),var(--main-color-1))}.modal--shown{--translateX: -50%;--translateY: -50%;pointer-events:auto;opacity:1}.modal--bottom.modal--shown{--translateX: 0%;--translateY: 0%}.modal__close{border:none;-webkit-appearance:button;-moz-appearance:button;appearance:button;background-color:transparent;background-image:none;text-transform:none;position:absolute;top:1rem;right:1rem;border-radius:calc(.5rem - 4px);opacity:.7;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;cursor:pointer}.modal__close:hover{opacity:1}.modal__close__icon{width:1.75rem;height:1.75rem}.modal__header{width:95%}.modal__header>*{text-wrap:unset}.modal__header__title{font-family:Ibrand;font-weight:600;font-size:var(--font-size);letter-spacing:2px}.modal__content{flex:1 1 0%;scrollbar-width:thin;scrollbar-color:var(--main-color-2) transparent;overflow:auto}.modal__footer{margin-top:.25rem}@keyframes bounce-modal{0%{transform:translate(var(--translateX),var(--translateY))}25%{transform:translate(var(--translateX),calc(var(--translateY) - 8px))}50%{transform:translate(var(--translateX),calc(var(--translateY) + 4px))}75%{transform:translate(var(--translateX),calc(var(--translateY) - 4px))}to{transform:translate(var(--translateX),var(--translateY))}}.modal--actions .modal__content{display:flex;flex-direction:column;gap:1rem}.modal--actions .modal__content .btn{width:fit-content;font-size:1rem}.show-modal{display:none}.modal .show-modal{display:revert}