.dm-pro-admin-panel {
    background: var(--dashboard-surface-background);
    min-height: 100vh;
    font-family: var(--body-font);
    font-size: var(--body-font-size);
    font-weight: var(--body-font-weight);
    line-height: var(--body-line-height);
    text-align: left;
    color: var(--body-color);
}

.dm-pro--top-bar {
    min-height: 37px;
    padding: 8px 24px;
    border-bottom: var(--border-line);
    box-shadow: var(--box-shadow);
    margin: 0 auto;
    background: #fff;

    display: grid;
    grid-template-columns: minmax(0, 1fr) auto; /* 3 columns, different widths */
    align-items: center;
    column-gap: 48px;
}
.dm-pro--top-bar.three-columns {
    grid-template-columns: 240px minmax(0, 1fr) auto; /* 3 columns, different widths */
}
.dm-pro--top-bar img {
    width: 222px;
    height: auto;
}
.dm-pro--top-bar .wizard-skip-setup {
    margin-left: auto;
}

.dm-pro-admin-panel p {
    font-size: var(--body-font-size);
}

.main-content-wrapper {
}

.main-content-wrapper {
    padding: 54px 40px 40px 72px;
    /* Ensure the main content wrapper doesn't add unnecessary scrollbars */
    height: calc(100% - 44px);
}
.heading-title {
    font-size: var(--heading-font-size);
    font-weight: var(--heading-font-weight);
    font-family: var(--heading-font);
    line-height: var(--heading-line-height);
    margin-block: 0 60px;
    color: var(--heading-color);
}
.wizard-content .heading-title {
    margin: 0 0 12px;
}
.tiny-heading {
    font-size: var(--tiny-heading-font-size);
    font-weight: var(--tiny-heading-font-weight);
    line-height: var(--tiny-heading-line-height);
    font-family: var(--tiny-heading-font);
    color: var(--tiny-heading-color);
}

.subheading {
    font-size: var(--subheading-font-size);
    font-weight: var(--subheading-font-weight);
    line-height: var(--subheading-line-height);
    font-family: var(--subheading-font);
    margin-block: 0 12px;
    color: var(--heading-color);
}

.content-wrapper {
    padding-bottom: var(--spacing-3xl);
    border-bottom: var(--border-line);
    margin-bottom: var(--spacing-3xl);
}

.content-wrapper:last-child {
    border: none;
}


.card-link {
    border: var(--border-line);
    border-radius: var(--border-radius-default);
    padding: 16px 24px;
}

.card-heading {
    margin: 0;
    font-size: var(--body-font-size);
}

.card-heading a {
    color: var(--heading-color);
    text-decoration: none;
}

.card-heading a svg {
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
}

.card-link p {
    margin-bottom: 0;
}

.version-info {
    text-align: right;
    padding: 0 40px;
}
.version-info svg {
    height: 12px;
    width: 12px;
    display: inline-block;
    margin-right: 8px;
}

/**
 * Separator
 */
.border-line {
    border-right: var(--border-line);
}
.border-line-top {
    border-top: var(--border-line);
}

.bullet-list {
    list-style-type: disc;
    padding-left: 20px;
}

.video-placeholder {
    background-color: var(--heading-color);
    width: 100%;
    height: 100%;
}

.detail-heading {
    margin: 0 0 12px;
    color: var(--heading-color);
}

.player-wrapper {
    position: relative;
}

.mute-link {
    color: var(--grey-66) !important;
}