.modal{display:none;position:fixed;z-index:10;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.5)}.modal .modal-content{position:relative;background-color:#fff;box-shadow:0 4px 4px 0 rgba(0,0,0,.25);border-radius:8px;margin:10% auto;padding:20px;border:1px solid #888;width:90%;max-width:650px}.modal .modal-content .modal__title{margin-bottom:20px;font-size:1.5rem;margin-top:20px}.modal .modal-content .nav__tabs{display:flex;justify-content:space-between;border-bottom:1px solid #b5b5b5;padding-bottom:8px;margin-bottom:40px}.modal .modal-content .nav__tabs .tab{font-size:1rem;cursor:pointer}.modal .modal-content .nav__tabs .tab:hover{color:#629d9d}.modal .modal-content .nav__tabs .tab--active{font-weight:600;color:#629d9d;pointer-events:none}.modal .modal-content .nav__tabs .tab--active::after{content:"";width:110%;display:block;border-bottom:4px solid #629d9d;position:relative;top:9px}.modal .close{right:20px;top:20px;position:absolute}.modal .close:focus,.modal .close:hover{color:#000;text-decoration:none;cursor:pointer}@media screen and (min-width:989px){.modal .modal-content{margin:15% auto;padding:35px 72px 90px;width:80%}}@media screen and (min-width:1023px){.modal .modal-content .modal__title{font-size:1.8rem;margin-top:initial}.modal .modal-content .nav__tabs .tab{font-size:1.125rem}}