/* .BoxDisabled > .box_shadow{
   background-color: #f2f2f2;
    color: #737272;
    pointer-events: none; 
    cursor: not-allowed;
   box-shadow: none !important;
    transition: all 0.3s;
} */

.box_shadow {
    box-shadow: rgba(140, 87, 255, 0.77) 0px 0px 6px 1px, rgba(6, 24, 44, 0.65) 1px 0px 6px 0px, rgba(255, 255, 255, 0.08) 1px 0px 0px 0px inset !important;
    transition: all 0.3s;
}

.box_shadow:hover {
    box-shadow: rgba(140, 87, 255, 0.77) 0px 0px 0px 0px, rgba(6, 24, 44, 0.65) 1px 0px 3px 0px, rgba(255, 255, 255, 0.08) 1px 0px 0px 0px inset !important;
    transition: all 0.3s;
}

.box {
    display: flex;
    border: 1px solid blueviolet;
    overflow: scroll;
}

.sm_box:nth-child() {
    background-color: red;
    /* Dashed border to indicate an empty box */
}

.box_item {
    display: flex;
    border: 1px solid red;
    flex-wrap: wrap;
    width: 85px;
    height: 102px;
    /* padding: 1px; */
    justify-content: center;
    align-items: center;
    /* overflow: scroll; */
}

.sm_box {
    background-color: black;
    border: 1px solid white;
    width: 20px;
    height: 20px;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
}