.cnt.v3 {
    --cnt-v3-hx-s: 268;
    --cnt-v3-hx-s-mbl:  16;
    --cnt-v3-hx-s-clc: calc((var(--cnt-v3-hx-s-mbl) * 1px) + (var(--cnt-v3-hx-s) - var(--cnt-v3-hx-s-mbl)) * ((var(--vw_) - 320px) / (1920 - 320)));
    
    .hex-dcr {
        position: absolute;
        width: var(--cnt-v3-hx-s-clc);
        height: var(--cnt-v3-hx-s-clc);
        z-index: 0;
        pointer-events: none;
        color: var(--fnt-t-1);

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

        &.tp {
            top: var(--pd-v);
            left: 0;
        }

        &.bt {
            bottom: calc(-0.5 * (var(--cnt-v3-hx-s-clc) * .45));
            left: 0;
            z-index: 1;
        }
    }

    .f_gp:not(:has(> .three-8ths *)) {
        .three-8ths {
            display: none;
        }
    }

    .cpn-cnt {
        .bg-bx {
            --inner-theme: transparent;
        }
    }
}