.ycab-modal-button {
    cursor:pointer;
    color: "green";
}

.ycab-modal {
    z-index:99;
    display:flex;
    position:fixed;
    left:0;
    top:0;
    width: 100%;
    width:100vw;
    height:100dvh;
    /* border-style: solid;
    border-width:10px;
    border-color:red; */
    background-color:rgba(0, 0, 0, .6);
    overflow:hidden;
    flex-direction:column;
    justify-content:center;
    align-items: center;
}

.ycab-modal-content {
    display: flex;
    flex-direction: column;
    /* flex: 1 1; */
    /* margin:auto; */
    background-color:var(--modal-cont-bknd);
    position:absolute;
    padding:2px;
    max-width:90%;
    max-height:100dvh;
    min-width:50vw;
    max-width: 90vw;
    z-index:99;
    border-width:thin;
    border-style:solid;
    border-color:white;
    box-shadow:12px 12px 2px 1px rgba(0, 0, 0, .6);
    overflow:auto;
}

.ycab-modal-header {
    background-color:black;
    color: white;
    width:100%;
    text-align: center;
}

.ycab-modal-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow:auto;
    z-index:99;
    height:100dvh;
}

.disabled {
    opacity: .5;
}