.modal{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;overflow-x:hidden;overflow-y:hidden}.modal,.modal:focus{outline:2px solid transparent;outline-offset:2px}.modal-container{position:relative;margin:1.5rem 2rem;width:auto}@media (min-width:640px){.modal-container{margin-left:auto;margin-right:auto}}.modal-container__small{max-width:34.3rem}.modal-container__medium{max-width:59rem}.modal-container__large{max-width:48rem}.modal-container__none{max-width:80rem}.modal-overlay{position:fixed;inset:0;z-index:40;background-color:rgb(0 0 0/.3);--tw-backdrop-blur:blur(4px);-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)}.modal-content{position:relative;display:flex;width:100%;flex-direction:column;border-radius:1.5rem;border-width:0;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.modal-content,.modal-content:focus{outline:2px solid transparent;outline-offset:2px}