.modal-overlay{z-index:50;background-color:rgb(0 0 0/var(--tw-bg-opacity,1));--tw-bg-opacity:.5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);width:100%;max-width:28rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);border-radius:.5rem;margin-left:auto;margin-right:auto;position:relative}@media (prefers-color-scheme:dark){.modal-content{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}}.modal-content{max-height:90vh;overflow-y:auto}@media (max-width:767px){.modal-content{width:90%}}@media (min-width:768px) and (max-width:1023px){.modal-content{width:70%}}@media (min-width:1024px){.modal-content{width:50%;max-width:600px}}.modal-header{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(229 231 235/var(--tw-border-opacity,1));padding:1rem}@media (prefers-color-scheme:dark){.modal-header{--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity,1))}}.modal-body{padding:1rem}.modal-footer{--tw-border-opacity:1;border-top-width:1px;border-color:rgb(229 231 235/var(--tw-border-opacity,1));justify-content:flex-end;gap:.5rem;padding:1rem;display:flex}@media (prefers-color-scheme:dark){.modal-footer{--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity,1))}}.modal-close-button{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1));padding:.5rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);position:absolute;top:.5rem;right:.5rem}.modal-close-button:hover{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}@media (prefers-color-scheme:dark){.modal-close-button{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.modal-close-button:hover{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}}.modal-enter{--tw-scale-x:.95;--tw-scale-y:.95;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));opacity:0}.modal-enter-active{--tw-scale-x:1;--tw-scale-y: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));opacity:1;transition:opacity var(--transition-normal),transform var(--transition-normal)}.modal-exit{--tw-scale-x:1;--tw-scale-y: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));opacity:1}.modal-exit-active{--tw-scale-x:.95;--tw-scale-y:.95;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));opacity:0;transition:opacity var(--transition-normal),transform var(--transition-normal)}.dark .modal-content{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}.dark .modal-header,.dark .modal-footer{--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity,1))}.dark .modal-close-button{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.dark .modal-close-button:hover{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.modal-content:focus{outline:none}.modal-content :focus-visible{outline-offset:2px;outline-width:2px;outline-color:var(--color-primary)}.modal-loading{justify-content:center;align-items:center;padding:2rem;display:flex}.modal-spinner{width:2rem;height:2rem}@keyframes spin{to{transform:rotate(360deg)}}.modal-spinner{border-width:4px;border-color:var(--color-primary);border-top-color:#0000;border-radius:9999px;animation:1s linear infinite spin}