.modal .checkbox{display:none}.modal .modal-overlay{opacity:0;transition:all .3s ease;width:50%;position:absolute;width:100%;height:100%;position:fixed;top:0;left:0;z-index:-100;transform:scale(1);display:none;background-color:#000000b3}.modal .modal-wrap{background-color:#fff;box-shadow:3px 3px 3px #0003;padding:40px 50px;width:60%;margin:20px auto;align-self:flex-start;border-radius:2px;transition:all .5s ease}.modal .modal-wrap.small{width:30%}.modal .modal-wrap.full{width:100%;height:100%}.modal .modal-wrap.a-center{align-self:center}.modal .modal-wrap.from-left{transform:translate(-100%)}.modal .modal-wrap.from-right{transform:translate(100%)}.modal .modal-wrap.from-top{transform:translateY(-100%)}.modal .modal-wrap.from-bottom{transform:translateY(100%)}.modal .modal-overlay .close{position:absolute;right:10px;top:10px;font-size:40px;width:30px;height:30px;color:#282c34}.modal .modal-overlay .close:hover{cursor:pointer;color:#4b5361}.modal .o-close{width:100%;height:100%;position:fixed;left:0;top:0;z-index:-100}.modal input:checked~.o-close{z-index:9998}.modal input:checked~.modal-overlay{transform:scale(1);opacity:1;z-index:9997;overflow:auto;display:flex;animation-duration:.5s;animation-name:fade-in;-moz-animation-duration:.5s;-moz-animation-name:fade-in;-webkit-animation-duration:.5s;-webkit-animation-name:fade-in}.modal input:checked~.modal-overlay .modal-wrap{transform:translateY(0);z-index:9999}@media (max-width: 800px){.modal .modal-wrap{width:80%;padding:20px}}@media (max-width: 500px){.modal .modal-wrap{width:90%}}@keyframes fade-in{0%{display:none;opacity:0}1%{display:flex;opacity:0}to{display:flex;opacity:1}}@-moz-keyframes fade-in{0%{display:none;opacity:0}1%{display:flex;opacity:0}to{display:flex;opacity:1}}@-webkit-keyframes fade-in{0%{display:none;opacity:0}1%{display:flex;opacity:0}to{display:flex;opacity:1}}