.drawer{z-index:1000;background-color:#fff;flex-direction:column;min-width:60vw;max-width:70vw;height:100vh;padding:20px;transition:right .3s ease-in-out;display:flex;position:fixed;top:0;right:-100%;box-shadow:-2px 0 5px #0000001a}.drawer.open{right:0}.drawer-content{flex:1;overflow-y:auto}.close-btn{color:#fff;cursor:pointer;background:#e11d48;border:none;border-radius:4px;align-self:flex-end;margin-bottom:10px;padding:8px 12px}.backdrop{z-index:900;background:#0000004d;width:100vw;height:100vh;position:fixed;top:0;left:0}
.modal-temp-container{z-index:1000;position:fixed;top:20px;right:20px}.modal-temp-content{text-align:center;background-color:#fff;border-radius:8px;min-width:300px;padding:20px;position:relative;box-shadow:0 2px 10px #0000001a}.modal-temp-progress-bar{background-color:var(--success-color);height:5px;transition:width .1s linear;position:absolute;bottom:0;left:0}