@import "~theme/globals";

:host {
    --height: var(--core-navigation-max-height);
    --background: var(--core-navigation-background);
    --button-vertical-margin: 2px;

    height: var(--height);
    width: 100%;
    background-color: var(--background);
    display: block;
    border-top: 1px solid var(--stroke);

    core-loading {
        text-align: center;
        --loading-inline-min-height: var(--height);
    }

    ion-button,
    ::ng-deep ion-button {
        margin-top: var(--button-vertical-margin);
        margin-bottom: var(--button-vertical-margin);
    }
}

:host-context(core-course-format.core-course-format-singleactivity) {
    opacity: 0 !important;
    height: 0 !important;
}
