body{
    width:100vw;
    display:block;
}
.eanc-container {
    width: 100%;
    max-width: 680px;
    margin: auto;
    padding: 40px 10px;
    display:block;
}

#eanc-header {
    padding-bottom:20px;
}

#eanc-body > div {
    display: none;
}

#eanc-body.show > div:nth-child(1) {
    display: block;
    -webkit-animation: flip-in-diag-2-br 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: flip-in-diag-2-br 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

    #eanc-body.not-found div:nth-child(2) {
        display: block;
    }

#eanc-input-postcode {
    width: 120px;
}

#eanc-input-housenumber {
    width: 99px;
}
#table-eanc-ean-codes{
    min-width:100%;
    width:100%
}
/* ----------------------------------------------
 * Generated by Animista on 2024-9-5 16:46:16
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation flip-in-diag-2-br
 * ----------------------------------------
 */
@-webkit-keyframes flip-in-diag-2-br {
    0% {
        -webkit-transform: rotate3d(-1, 1, 0, -80deg);
        transform: rotate3d(-1, 1, 0, -80deg);
        opacity: 0;
    }

    100% {
        -webkit-transform: rotate3d(1, 1, 0, 0deg);
        transform: rotate3d(1, 1, 0, 0deg);
        opacity: 1;
    }
}

@keyframes flip-in-diag-2-br {
    0% {
        -webkit-transform: rotate3d(-1, 1, 0, -80deg);
        transform: rotate3d(-1, 1, 0, -80deg);
        opacity: 0;
    }

    100% {
        -webkit-transform: rotate3d(1, 1, 0, 0deg);
        transform: rotate3d(1, 1, 0, 0deg);
        opacity: 1;
    }
}