.modal {
        display: none;
        }   
        .slds-modal.slds-fade-in-open{
        max-width: 640px;
        margin: 3rem auto;
        background: #fff;
        height: calc(100vh - 6rem);
        overflow: auto;
        border-radius: .5rem;
        }
        .slds-modal__header{
        padding: 1.5rem 2rem;
        height: auto;
        text-align: center;
        }
        .slds-modal__header h2{
        margin: 0;
        }
        .slds-modal__container{
        height: 100%;
        }
        .slds-modal__content{
        height: calc(100% - 132px);
        overflow: auto;
        padding: 2rem;
        }
        .slds-modal__footer{
        margin-top: 0px;
        padding: 1.5rem 2rem;
        background: #f2f2f2;
        border-top: 4px solid #c9cdd0;
        }
        .slds-button{
        border: 1px solid #ccc;
        background: #fff;
        padding: .75rem 2rem;
        font-size: 14px;
        border-radius: .5rem;
        display: inline-block;
        }