.passport-container {
    background-color:#fff;
    margin-top:20px;
    padding:24px;
    border: 1px solid #c3c4c7;
    box-shadow: 0 1px 3px rgb(0 0 0 / 4%);
}

.passport-button:hover {
    color:#0064a3;
}

.passport-transition {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#fff;
    z-index:100000;

    display:none;
}

.passport-transition.active {
    display:block;
    animation-name:passportTransition;
    animation-duration:.25s;
    animation-fill-mode: forwards;
}

@keyframes passportTransition {
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

.passport-magic {
    display:block;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    pointer-events: none;
    z-index:10000;
}