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