/* tabbable.css */

.el-tab {
	cursor: pointer;
	
	&.tb-arw,
	.tb-arw {
		transition: transform var(--g-trn-sp) var(--g-trn-tf) 0s, color var(--g-trn-sp) var(--g-trn-tf) 0s;
		transform-origin: 50% 50%;
	}
	
	&.active .tb-arw,
	&.active.tb-arw {
		transform: rotate(180deg);
	}
}

.el-sec-tab {
	cursor: pointer;
}

.el-panel.sld {
    transition: height .5s ease 0s, margin .5s ease 0s, padding .5s ease 0s;
}

html:not(.cms-content) .el-panel:not(.active) {
	display: none;
	visibility: hidden;
}

/* banner-v2.css */
.bnr.v2 {
  --bnr-tls-pd-v-tp: 165; 
  --bnr-tls-pd-v-tp-mbl: 75; 
  --bnr-tls-pd-v-bt: 197; 
  --bnr-tls-pd-v-bt-mbl: 75; 
  --bnr-img-bg-o: 1;
  --fnt-t-k-ls: 0.61rem;
}

/* content-v6.css */
.lt-bg + .lt-bg.cnt.v6,
.dk-bg + .dk-bg.cnt.v6 {
    .hex-dcr {
      
        &.tp {
            top: -4.444rem;
            left: calc(-1 * (var(--cnt-v6-hx-s-clc) * .45));
        }
    }
}

.cnt.v6 {
    --cnt-v6-arw-s: 0.5rem;
    --cnt-v6-hx-s: 268;
    --cnt-v6-hx-s-mbl:  16;
    --cnt-v6-hx-s-clc: calc((var(--cnt-v6-hx-s-mbl) * 1px) + (var(--cnt-v6-hx-s) - var(--cnt-v6-hx-s-mbl)) * ((var(--vw_) - 320px) / (1920 - 320)));
    .ui-scroll{
        max-height: 40rem;
    }
    .hex-dcr {
        position: absolute;
        width: var(--cnt-v6-hx-s-clc);
        height: var(--cnt-v6-hx-s-clc);
        z-index: 0;
        pointer-events: none;
        color: var(--fnt-t-1);

        svg {
            font-size: var(--cnt-v6-hx-s-clc);
        }

        &.tp {
            top: var(--pd-v);
            left: calc(-1 * (var(--cnt-v6-hx-s-clc) * .45));
        }

        &.bt {
            bottom: calc(-0.5 * (var(--cnt-v6-hx-s-clc) * .45));
            right: calc(-1 * (var(--cnt-v6-hx-s-clc) * .45));
        }
    }

    /* Breadcrumb */
    .brdcrmb ol {
        gap: 0.5rem;
        flex-wrap: wrap;
    }

    .brdcrmb li {
        gap: 0.5rem;
        font-weight: var(--fnt-nv-sec-w);
    }

    .brdcrmb li svg {
        width: 0.5rem;
        height: 0.5rem;
        rotate: -90deg;
        fill: currentColor;
        flex-shrink: 0;
    }

    .brdcrmb-cur {
        opacity: 0.6;
    }

    /* Feature list */
    .v6-feat {
        list-style: none;
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .v6-feat li p {
        margin: 0;
    }

    .feat-icn {
        display: block;
        flex-shrink: 0;
        width: 1rem;
        height: 1rem;
        border-radius: 50%;
        border: 2px solid var(--bdr-clr);
        background-color: hsl(from var(--buttons) h s l / 0.15);
    }

    .lvl-2-arw {
        font-size: var(--cnt-v6-arw-s);
        flex-shrink: 0;
        color: var(--buttons);
    }

    /* Side nav — current page mirrors the clr-swp hover color */
    .sd-nv .lvl-1.active > a {
        color: var(--link-color);
    }
}