.modal{top:50%;left:50%;--tw-translate-y: -50%;--tw-translate-x: -50%;transform:translate(-50%,-50%) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:.25rem;--tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,0 1px 3px #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow);position:fixed;z-index:301;color:#000;background-color:#fff;width:50vw}.modal-backdrop{background-color:#0009;z-index:299;position:fixed;inset:0}.modal-heading{padding:.75rem 1rem;color:#000;font-weight:700;font-size:1.5rem}.modal-body{padding-left:1rem;padding-right:1rem}.modal-footer{border-radius:.25rem;padding:1rem;background-color:#fff;width:100%}