.clerk-modal-background{z-index:1000;opacity:0;pointer-events:none;--transition-duration:.3s;transition:opacity var(--transition-duration) ease-out;background-color:#0000004d;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.clerk-modal-background--blur{-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);background:#fff3}.modal-transition-enter-active,.modal-transition-enter-done,.modal-transition-exit{opacity:1;pointer-events:visible}.modal-transition-exit-active{opacity:0;pointer-events:none}.clerk-modal{opacity:0;height:fit-content;transition:opacity var(--transition-duration) ease-out, transform var(--transition-duration) ease-out;background-color:#fff;border-radius:1.25rem;flex-direction:column;width:90%;padding:1.6875rem;display:flex;position:absolute;overflow:hidden auto;box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f}.clerk-modal--blur{box-shadow:0 .25rem 3rem #0000001a}.clerk-modal.clerk-modal-animation--slide-bottom{transform:translateY(150%)}.clerk-modal.clerk-modal-animation--popin{transform:scale(.5)}.modal-transition-enter-active .clerk-modal,.modal-transition-enter-done .clerk-modal,.modal-transition-exit .clerk-modal{opacity:1}.modal-transition-enter-active .clerk-modal.clerk-modal-animation--popin,.modal-transition-enter-done .clerk-modal.clerk-modal-animation--popin,.modal-transition-exit .clerk-modal.clerk-modal-animation--popin{transform:scale(1)}.modal-transition-enter-active .clerk-modal.clerk-modal-animation--slide-bottom,.modal-transition-enter-done .clerk-modal.clerk-modal-animation--slide-bottom,.modal-transition-exit .clerk-modal.clerk-modal-animation--slide-bottom{transform:translateY(0)}.modal-transition-exit-active .clerk-modal{opacity:0}.modal-transition-exit-active .clerk-modal.clerk-modal-animation--popin{transform:scale(.5)}.modal-transition-exit-active .clerk-modal.clerk-modal-animation--slide-bottom{transform:translateY(150%)}.clerk-badge{background-color:var(--neutral-20);color:var(--neutral-70);border-radius:.4em;padding:0 .6em}.modal-header{flex-direction:column;gap:.2rem;display:flex}.modal-header-top{align-items:center;gap:1rem;display:flex}.modal-title{align-items:center;gap:.5rem;display:flex}.modal-subtitle{color:var(--neutral-60)}.modal-header-close{margin-left:auto}.modal-header--fixed{border-bottom:1px solid var(--neutral-20);padding:.5rem}.modal-header--fixed .modal-header-top{justify-content:space-between}.modal-header--fixed .modal-header-close{margin-left:0}.modal-footer{flex-direction:column;gap:.5rem;display:flex}.modal-footer--alternative{flex-direction:row-reverse;justify-content:flex-start;gap:.5rem}.modal-primary-button{color:#fff;border-radius:.5rem;justify-content:center;display:flex}.modal-primary-button--default{background-color:var(--text)}.modal-primary-button--default:not(:disabled):hover{background-color:#000}.modal-primary-button--error{background-color:var(--error)}.modal-primary-button--error:not(:disabled):hover{background-color:var(--error-hover)}.modal-footer .clerk-spinner-container{color:#fff}.modal-secondary-button{color:var(--text);border:none;justify-content:center;padding:.75rem 1.5rem;display:flex}.modal-footer--alternative .modal-secondary-button{border:1px solid var(--neutral-25)}.modal-footer--rounded .modal-primary-button,.modal-footer--rounded .modal-secondary-button{border-radius:10rem;padding:.65rem 2rem}.modal-secondary-button:not(:disabled):hover{background-color:var(--neutral-15)}.modal-footer--alternative .modal-secondary-button:not(:disabled):hover{border-color:var(--neutral-30);background-color:#fff}.modal-footer--rounded .modal-secondary-button:not(:disabled):hover{background-color:var(--neutral-20)}
