.flex{display:flex}.align-center{justify-content:center}.align-vert,.align-vert.align-center{align-items:center}.modal{display:none}.modal--show,.modal--hide{display:flex;justify-content:center;align-content:center}.modal--align{width:100%;height:100%;position:fixed;background:rgba(0,0,0,0.3);z-index:999}.modal__container{position:relative;align-self:center;width:80%;min-height:50%;height:auto;background:#fff}.btn:hover{cursor:pointer}.modal.modal--show{animation:modal-open 0.3s}@keyframes modal-open{0%{opacity:0}100%{opacity:1}}.modal.modal--hide{animation:modal-close 0.3s}@keyframes modal-close{0%{opacity:1}100%{opacity:0}}@media (min-width:768px){.modal--align{width:calc(100vw * 0.6)}}@media (min-width:992px){.modal--align{width:360px;}}