.op3-element[data-op3-element-type="verticaltabsnavigationitemcontent"] {
    width: 100%;
    flex: 1;

    // Force show/hide element based on parent's expand navigation item
    // content property (per device).
    @each $device, $media in ("desktop": "all", "tablet": "(max-width: #{$breakpoint-tablet})", "mobile": "(max-width: #{$breakpoint-mobile})") {
        @media #{$media} {
            .op3-element-verticaltabs__container[data-op3-vertical-tabs-expand-navigation-item-content-#{$device}="never"] & {
                display: none;
            }

            .op3-element-verticaltabs__container[data-op3-vertical-tabs-expand-navigation-item-content-#{$device}="always"] & {
                display: block;
            }
        }
    }
}