.dls-916464f7-container {
    display: flex;
    width: 100%;
    align-items: flex-start; /* Fixed alignment to start of title, user can manually adjust margin-top */
}

.dls-916464f7-title {
    margin: 0;
    flex-shrink: 0;
    white-space: normal;
    line-height: 1.2;
}

.dls-916464f7-lines {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin-top: 0; /* Let manual alignment on heading or line handle positioning */
}

.dls-916464f7-line-1,
.dls-916464f7-line-2 {
    display: block;
    transition: background-color 0.3s, height 0.3s, width 0.3s;
}

/* Side Specific alignment & order */
.dls-916464f7-side-left .dls-916464f7-container {
    flex-direction: row-reverse;
}
.dls-916464f7-side-left .dls-916464f7-lines {
    align-items: flex-start;
}

.dls-916464f7-side-right .dls-916464f7-container {
    flex-direction: row;
}
.dls-916464f7-side-right .dls-916464f7-lines {
    align-items: flex-end;
}

/* Responsive Hide Rules based on Switchers */
@media (max-width: 1024px) {
    .dls-916464f7-hide-tablet-yes .dls-916464f7-lines {
        display: none !important;
    }
    .dls-916464f7-hide-tablet-yes .dls-916464f7-container {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    .dls-916464f7-hide-tablet-yes .dls-916464f7-title {
        width: 100%;
        margin-top: 0 !important; /* Reset offset on responsive modes */
    }
}

@media (max-width: 767px) {
    .dls-916464f7-hide-mobile-yes .dls-916464f7-lines {
        display: none !important;
    }
    .dls-916464f7-hide-mobile-yes .dls-916464f7-container {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    .dls-916464f7-hide-mobile-yes .dls-916464f7-title {
        width: 100%;
        margin-top: 0 !important; /* Reset offset on responsive modes */
    }
}