/* .tabs {
    border: 1px solid var(--contrast);
    border-width: 1px 0px 0px 0px;
}

.tab {
    border: 1px solid var(--contrast);
    border-width: 0px 0px 1px 0px;
} */
.tab {
    position: relative;
    box-sizing: border-box;
}

.tab::before {
    position: absolute;
    content: "";
    /* background-color: yellow; */
    border-top: 1px solid var(--contrast);
    border-bottom: 1px solid var(--contrast);
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    box-sizing: border-box;
    pointer-events: none;
}

.stab {
    width: var(--dm);
    position: relative;
    box-sizing: border-box;
}

.tab.selected::before {
    border-bottom: 1px solid transparent;
    box-sizing: border-box;
}

.tab.selected+.tab::before {
    border-bottom: 1px solid transparent;
    box-sizing: border-box;
}

.tab:has(+.tab.selected)::before {
    border-bottom: 1px solid transparent;
    box-sizing: border-box;
}

/* ---------------------------------------------------- sForm */
/* .sForm {
    position: relative;
    width: var(--dm);
    border: 1px solid var(--contrast);
    border-width: 1px 0px 1px 0px;
    z-index: 1;
}

.tab.selected+.sForm {
    border-bottom: 1px solid transparent;
}

.sForm:has(+.tab.selected) {
    border-bottom: 1px solid transparent;
} */


/* ---------------------------------------------------- sForm */
.tab .sform::before {
    position: absolute;
    display: block;
    content: "";
    width: 50%;
    height: 50%;
    left: 0px;
    top: 0px;
    border: 1px solid var(--contrast);
    border-width: 1px 1px 0px 0px;
    border-radius: 0rem var(--m) 0rem 0rem;
    box-sizing: border-box;
}


.tab .sform::after {
    position: absolute;
    display: block;
    content: "";
    width: calc(50% + 1px);
    height: 50%;
    left: calc(50% - 1px);
    top: 50%;
    border: 1px solid var(--contrast);
    border-width: 0px 0px 1px 1px;
    border-radius: 0rem 0rem 0rem var(--m);
    box-sizing: border-box;
}

/* ---------------------------------------------------- sForm */
.tab:has(+.tab.selected) .sform::before {
    position: absolute;
    display: block;
    content: "";
    width: 50%;
    height: 50%;
    left: 0px;
    top: 50%;
    border: 1px solid var(--contrast);
    border-width: 0px 1px 1px 0px;
    border-radius: 0rem 0rem var(--m) 0rem;
}


.tab:has(+.tab.selected) .sform::after {
    position: absolute;
    display: block;
    content: "";
    width: calc(50% + 1px);
    height: 50%;
    left: calc(50% - 1px);
    top: 0px;
    border: 1px solid var(--contrast);
    border-width: 1px 0px 0px 1px;
    border-radius: var(--m) 0rem 0rem 0rem;
}