*{
    box-sizing:border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0;
    padding: 0;
    --inner-width : var(--width-1);
    --inner-padding :var(--pad-1);
    --breakout-width : 1fr;
    font-family: var(--fnt-d);
}
:root{
    interpolate-size: allow-keywords;
}
[type="checkbox"].sm {
    --size:1.0rem;
    width: 1.0rem !important;
    position: relative;
}
[type="checkbox"].md {
    --size:1.4rem;
    width: 1.4rem !important;
    position: relative;
}
[type="checkbox"].lg {
    --size:1.8rem;
    width: 1.8rem !important;
    position: relative;
}
[type="checkbox"].set::after{
    content: '';
    position: absolute;
    top: calc((100% - var(--size)) / 2);
    left: 0;
    width: var(--size);
    height: var(--size);
    background: #efff63a1;
}
.GrpNln {
    width: 100%;
    position: relative;
}
.select2 {
    width: 100% !important;
}

.cardbody:has(.DropImg){
    min-height: 150px;
    height: 100%;
    max-height: 300px;
    display: flex;
    img{
        width: 100%;
        height: 100%;
    }
}