.modal{align-items:center;animation:fadeIn .3s both;background:rgba(0,0,0,.8);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.modal-wrapper{animation:slideFromTop .3s both;overflow:auto}.modal[aria-hidden=true]{animation-name:fadeOut}.modal[aria-hidden=true] .modal-wrapper{animation-name:slideToBottom}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideFromTop{0%{transform:translateY(-50px)}to{transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideToBottom{0%{transform:translateY(0)}to{transform:translateY(50px)}}.lds-dual-ring{display:inline-block;height:80px;left:50%;margin-left:-40px;margin-top:-40px;position:absolute;top:50%;width:80px}.lds-dual-ring:after{animation:lds-dual-ring 1.2s linear infinite;border-color:#fff transparent;border-radius:50%;border-style:solid;border-width:6px;content:" ";display:block;height:64px;margin:8px;width:64px}@keyframes lds-dual-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.lds-dual-ring.hidden{display:none}.overlay{background:rgba(0,0,0,.8);height:100vh;left:0;opacity:1;position:fixed;top:0;transition:all .5s;width:100%;z-index:999}