.modal-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background-color:rgb(0 0 0/var(--tw-bg-opacity,1));--tw-bg-opacity:0.5;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{position:relative;margin-left:auto;margin-right:auto;width:100%;max-width:28rem;border-radius:.5rem;--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:is(.dark *){--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{border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));padding:1rem}.modal-header:is(.dark *){--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity,1))}.modal-body{padding:1rem}.modal-footer{display:flex;justify-content:flex-end;gap:.5rem;border-top-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));padding:1rem}.modal-footer:is(.dark *){--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity,1))}.modal-close-button{position:absolute;top:.5rem;right:.5rem;padding:.5rem;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.modal-close-button:hover{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.modal-close-button:is(.dark *){--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.modal-close-button:hover:is(.dark *){--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{transition:opacity var(--transition-normal),transform var(--transition-normal)}.modal-enter-active,.modal-exit{--tw-scale-x:1;--tw-scale-y:1;opacity:1}.modal-enter-active,.modal-exit,.modal-exit-active{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-exit-active{--tw-scale-x:.95;--tw-scale-y:.95;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-footer,.dark .modal-header{--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-width:2px;outline-offset:2px;outline-color:var(--color-primary)}.modal-loading{display:flex;align-items:center;justify-content:center;padding:2rem}.modal-spinner{height:2rem;width:2rem}@keyframes spin{to{transform:rotate(1turn)}}.modal-spinner{animation:spin 1s linear infinite;border-radius:9999px;border-width:4px;border-color:var(--color-primary);border-top-color:transparent}