@import "dxHelpers/reset";

:host {
    --dx-c-tab-panel-margin-top: var(--dx-g-spacing-3xl);
    --dx-c-tab-panel-gap: var(--dx-g-spacing-md);
}

.tabpanel {
    display: none;
}

.tabpanel-active {
    display: block;
}

@media screen and (max-width: 640px) {
    .tabpanel-active {
        --dx-c-tab-panel-margin-top: 36px;
    }
}