.modal{background-color:transparent;color:inherit;display:grid;height:100%;top:0;right:0;bottom:0;left:0;margin:0;max-height:none;max-width:none;place-items:end;justify-items:center;opacity:0;padding:0;pointer-events:none;position:fixed;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);width:100%}@media (min-width:640px){.modal{place-items:center}}.modal{overflow-y:hidden;overscroll-behavior:contain;transition-property:transform,opacity,visibility;z-index:999}.modal::backdrop,.modal:not(dialog:not(.modal-open)){animation:modal-pop .2s ease-out;background-color:#0006}.modal-scroll{overscroll-behavior:auto}:where(.modal){align-items:center}.modal-backdrop{align-self:stretch;color:transparent;display:grid;justify-self:stretch;z-index:-1}.modal-backdrop,.modal-box{grid-column-start:1;grid-row-start:1}.modal-box{border-radius:.5rem;display:flex;flex-direction:column;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));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));box-shadow:0 25px 50px -12px #00000040;max-height:calc(100vh - 5em);overflow-y:visible;overscroll-behavior:contain;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1)}.modal:target,.modal[open]{opacity:1;pointer-events:auto;visibility:visible}.modal:target .modal-box,.modal[open] .modal-box{--tw-translate-y:0px;--tw-scale-x:1;--tw-scale-y:1;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))}@keyframes modal-pop{0%{opacity:0}}:root:has(:is(.modal:target,.modal[open])){overflow:hidden}