.validation-dataset-page {
    width: 100%;
}

.container-validation-database-box,
.container-validation-dataset-fullwidth {
    --vd-section-max-width: 1280px;
    --vd-section-padding-x: 0px;
    --vd-section-padding-y: 96px;
    --vd-section-padding-top: var(--vd-section-padding-y);
    --vd-section-padding-bottom: var(--vd-section-padding-y);
    --vd-section-gap: 96px;
    --vd-section-padding-x-mobile: 20px;
    --vd-section-padding-y-mobile: 70px;
    --vd-section-padding-top-mobile: var(--vd-section-padding-y-mobile);
    --vd-section-padding-bottom-mobile: var(--vd-section-padding-y-mobile);
    --vd-section-bg: transparent;
    box-sizing: border-box;
    background: var(--vd-section-bg);
    display: flex;
    flex-direction: column;
    gap: var(--vd-section-gap);
}

.container-validation-database-box {
    width: min(100%, var(--vd-section-max-width));
    margin-inline: auto;
    padding: var(--vd-section-padding-top) var(--vd-section-padding-x) var(--vd-section-padding-bottom);
}

.container-validation-dataset-fullwidth {
    width: 100%;
    padding: var(--vd-section-padding-top) var(--vd-section-padding-x) var(--vd-section-padding-bottom);
}

.container-validation-dataset-inner {
    width: min(100%, var(--vd-section-max-width, 1280px));
    margin-inline: auto;
}

.validation-dataset-page-content > *:first-child,
.validation-dataset-page-editor-content > *:first-child,
.validation-dataset-page-placeholder > *:first-child {
    margin-top: 0;
}

.validation-dataset-page-content > *:last-child,
.validation-dataset-page-editor-content > *:last-child,
.validation-dataset-page-placeholder > *:last-child {
    margin-bottom: 0;
}

.validation-dataset-page-title {
    margin: 0;
}

.validation-dataset-page-placeholder {
    width: 100%;
}

.validation-dataset-page [type="button"]:focus,
.validation-dataset-page [type="button"]:hover,
.validation-dataset-page [type="submit"]:focus,
.validation-dataset-page [type="submit"]:hover,
.validation-dataset-page button:focus,
.validation-dataset-page button:hover {
    outline: none !important;
}

.validation-dataset-page [data-validation-dataset-download-toggle] svg {
    transform: rotate(0deg) !important;
    transform-origin: center !important;
    will-change: transform !important;
    transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

.validation-dataset-page [data-validation-dataset-download-toggle][aria-expanded="true"] svg {
    transform: rotate(180deg) !important;
}

@media (max-width: 767px) {
    .container-validation-database-box,
    .container-validation-dataset-fullwidth {
        padding: var(--vd-section-padding-top-mobile) var(--vd-section-padding-x-mobile) var(--vd-section-padding-bottom-mobile);
        gap: calc(var(--vd-section-gap) * 0.6);
}

    .container-validation-dataset-inner {
        width: 100%;
    }
}