@layer components{.modal-background{z-index:3;background-color:#0008;justify-content:center;align-items:center;width:100dvw;height:100dvh;padding:2rem;display:flex;position:fixed;top:0;left:0;overflow:auto}.modal-wrapper{border-radius:4px;position:relative;overflow:hidden}.modal-container{color:#2f2b28;z-index:4;background-color:#fff;border-radius:4px;width:fit-content;min-width:28rem;max-height:90vh;padding:2.25rem;position:relative;overflow:hidden auto}.modal-header{margin-bottom:1.5rem}.modal-body{flex-direction:column;justify-content:space-between;gap:1.5rem;display:flex}.modal-close-button{cursor:pointer;position:absolute;top:2.25rem;right:2.25rem}.modal-loading-bar{height:8px;width:var(--loading-width,0%);z-index:5;background-color:#0a68c4;transition:width .3s;position:absolute;bottom:0;left:0}}