.modal{z-index:10002;width:100%;height:100%;transition-property:opacity;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;right:0;overflow:hidden}@media (width>=768px){.modal{padding:4rem 1.25rem;inset:0}}.modal__container{justify-content:center;width:100%;height:100%;transition-property:all;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,1,1);display:flex;overflow:hidden auto}.modal__content{z-index:50;--tw-bg-opacity:1;background-color:rgb(229 229 229/var(--tw-bg-opacity,1));flex-direction:column;width:100%;min-height:100%;padding:20px;display:flex;position:relative}@media (width>=768px){.modal__content{border-radius:30px;min-height:0;padding:30px}}.modal__body{width:100%}@media (width>=768px){.modal__body{margin-top:auto;margin-bottom:auto}}@media (width>=1024px){.modal__body{width:900px}}.modal__close{z-index:50;--tw-text-opacity:1;color:rgb(28 28 30/var(--tw-text-opacity,1));transition-property:transform;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);position:absolute;top:1.25rem;right:1.25rem}.modal__close:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.modal__close-button{background-color:#0000!important;height:auto!important;padding:0!important}.modal__icon{width:1.5rem;height:1.5rem}.modal__overlay{z-index:40;--tw-backdrop-blur:blur(2.5px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);background-color:#34405480;position:fixed;inset:0}@media (width>=768px){.modal--xs .modal__body{width:600px}}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .modal-container,.modal-leave-to .modal-container{transform:scale(1.1)}