#juris {
    position        : absolute;
    border          : none;
    background-color: rgba(24, 87, 114, 0.95);
    left            : 0;
    top             : 0;
    right           : 0;
    bottom          : 0;
    width           : 100vw;
    height          : 100vh;
    max-width       : 100vw;
    max-height      : 100vh;
    margin          : 0;
    padding         : 0;
}

#juris>div {
    border       : solid 1px #ddd;
    height       : 600px;
    width        : 400px;
    overflow     : hidden;
    border-radius: var(--size-md);
    box-shadow   :
        0px 1.4px 2.2px rgba(0, 0, 0, 0.02),
        0px 3.3px 5.3px rgba(0, 0, 0, 0.028),
        0px 6.1px 10px rgba(0, 0, 0, 0.035),
        0px 10.9px 17.9px rgba(0, 0, 0, 0.042),
        0px 20.5px 33.4px rgba(0, 0, 0, 0.05),
        0px 49px 80px rgba(0, 0, 0, 0.07);
    padding         : var(--size-xl);
    min-height      : 0;
    display         : flex;
    gap             : 1rem;
    position        : absolute;
    top             : 50%;
    left            : 50%;
    transform       : translate(-50%, -50%);
    flex-direction  : column;
    justify-content : space-between;
    background-color: #fff;
    touch-action    : manipulation;
}