.templateMapper_Container {

}

.templateMapper_Container .templateMapper_Item {
    position: relative;
}

.templateMapper_Container .templateMapper_ItemHover:after,
.templateMapper_Container .templateMapper_ItemActive:after {
    position: absolute;
    display: block;
    content: '';
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border: 5px solid var(--primary);
    background: rgb(51 122 183 / 20%);
    z-index: 3;
    border-radius: var(--radius);
    pointer-events: none;
    cursor: pointer;
}

.templateMapper_Container :is(input,textarea).templateMapper_ItemHover,
.templateMapper_Container :is(input,textarea).templateMapper_ItemActive {
    border: 5px solid var(--primary);
    background: rgb(51 122 183 / 20%);
    padding: 6px 11px !important;
}

.templateMapper_Container .templateMapper_ItemActive:after {
    border: 5px solid var(--success);
    background: rgb(26 179 148 / 40%);
}

.templateMapper_Container input.templateMapper_ItemActive {
    border: 5px solid var(--success);
    background: rgb(26 179 148 / 40%);
}