:root {
    --download-light-blue-color: #f2f6fd;
    --download-dark: #0B2040;
    --download-text-color: #585E6A;
    --download-light-gray-color: #f4f4f6;
    --download-code-bg-color: #f3f4f6;
    --download-code-color: #4d5a6d;
    --download-blue: #0066cc;
    --download-blue-dark: #0a56ba;
    --download-light: #f2f5fb;
    --download-border: #d4d7dd;
    --download-pill-bg: #f4f4f6;
    --download-pill-border: #d4d7dd;
    --font-size-sm: 14px;
    --font-size-normal: 16px;
    --font-size-md: 18px;
    --font-size-lg: 24px;
    --font-size-xl: 28px;
    --font-size-xxl: 42px;
    --border-radius: 10px;
    --border-radius-lg: 16px;
    --box-shadow-color: #585e6a26;
    --box-shaddow-color: #585e6a26;
    --blocks-gap: 3.125rem;
    --blocks-padding: 2rem;
}

.wp-singular.page #container,
.wp-singular.page #wrapper,
.wp-singular.page #content-full {
    padding: 0;
}

h1.entry-title.post-title {
    display: none;
}

.wp-singular.page #content-full {
    margin: 0;
    padding: 0;
}

/* main content wrapper after hero */
.wp-block-group.download-main-content.is-vertical {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-direction: column;
    margin: 0 auto;
    padding: 0 var(--blocks-padding) var(--blocks-padding) var(--blocks-padding);
    gap: var(--blocks-gap);
    color: var(--download-text-color)
}

.post_header {
    display: none;
}

.wp-block-group.download-main-content h1 {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    font-size: var(--font-size-xl);
}

.wp-block-group.download-main-content h2 {
    margin: 0 0 1rem;
    font-size: var(--font-size-lg);
}

.wp-block-group.download-main-content h3 {
    margin-top: 1.5em;
    margin-bottom: 0.857em;
    font-size: var(--font-size-md);
}

.wp-block-group.download-main-content h4 {
    margin-top: 1.5em;
    margin-bottom: 0.857em;
    font-size: var(--font-size-normal);
}

.wp-block-group.download-main-content h5 {
    margin-top: 1.5em;
    margin-bottom: 1em;
    font-size: var(--font-size-sm);
}

.wp-block-group.download-main-content h6 {
    margin-top: 1.5em;
    margin-bottom: 1em;
    font-size: var(--font-size-sm);
}

.wp-block-heading {
    color: var(--download-dark);
}

.wp-block-heading h3 {
    font-size: var(--font-size-md);
}

h1.wp-block-heading,
.wp-block-group.download-main-content h2.wp-block-heading,
.wp-block-group.download-main-content h3.wp-block-heading,
.wp-block-group.download-main-content h4.wp-block-heading,
.wp-block-group.download-main-content h5.wp-block-heading,
.wp-block-group.download-main-content h6.wp-block-heading,
h1.wp-block-heading a,
.wp-block-group.download-main-content h2.wp-block-heading a,
.wp-block-group.download-main-content h3.wp-block-heading a,
.wp-block-group.download-main-content h4.wp-block-heading a,
.wp-block-group.download-main-content h5.wp-block-heading a,
.wp-block-group.download-main-content h6.wp-block-heading a {
    font-weight: 700;
    line-height: 1.0em;
    word-wrap: break-word;
}

.wp-singular.page .hero,
.wp-singular.page .download-hero {
    background: var(--download-light-blue-color);
    padding: 80px 60px;
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    align-items: center;
    margin: 0 0 var(--blocks-gap) 0;
}

.wp-singular.page .download-hero .wp-block-group.download-hero__content {
    flex-basis: 65%;
}

.wp-singular.page .download-hero .wp-block-group.download-hero__cta {
    flex: 1 1;
    min-width: 250px;
}

.wp-singular.page .download-hero__content,
.wp-singular.page .download-hero__cta {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: flex-start;
}
.wp-singular.page .download-hero__content {
    flex-basis: 65%;
}

.wp-singular.page .download-hero__cta {
    flex: 1 1;
    min-width: 250px;
}

.wp-block-group.hero .download-hero__title,
.wp-block-group.download-hero .download-hero__title {
    margin: 0;
    padding: 0;
    font-size: var(--font-size-xxl);
    color: var(--download-dark);
}

.download-hero__meta,
.download-hero__subtitle {
    margin: 0;
    color: var(--download-dark);
    font-size: var(--font-size-sm);
}

.ghost-links {
    display: flex;
    gap: 2rem;
}

.ghost-links .wp-block-button__link {
    background: none;
    padding: 0;
    margin: 0;
    color: var(--download-blue);
    text-decoration: none;
    font-size: var(--font-size-sm);
}

.ghost-links .wp-block-button__link:hover {
    color: var(--download-blue-dark);
}

.download-hero__system,
.detected_os,
.autodetected_system {
    margin: 0;
    display: inline-flex;
    gap: 0.5rem;
    align-items: center;
    padding: 0;
    border-radius: var(--border-radius);
    font-weight: 700;
    font-size: var(--font-size-normal);
    color: var(--download-dark);
}

.wp-block-button.detected_download {
    display: flex;
    gap: 0.5rem;
    align-items: baseline;
}

.autodetected_system svg {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

.detected_os,
.detected_download__label,
.detected_download__meta {
    display: inline-flex;
    align-items: center;
}

.detected_os {
    gap: 0.5rem;
}

.detected_os__icon,
.detected_download__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.detected_os__icon svg,
.detected_download__icon svg {
    width: 18px;
    height: 18px;
}

.detected_os__arch,
.detected_download__meta {
    color: inherit;
    opacity: 0.6;
}

.detected_download__meta {
    gap: 0.25rem;
}

.download-hero__actions {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.download-button .wp-element-button,
.download-button .wp-block-button__link {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 10px 18px;
    border-radius: var(--border-radius);
    font-weight: 700;
    font-size: var(--font-size-normal);
    text-decoration: none;
    border: 1px solid transparent;
    cursor: pointer;
}

.download-button svg,
.download-button .wp-block-button__link svg {
    width: 15px;
    height: 13px;
    flex-shrink: 0;
}

.download-button--primary .wp-element-button,
.btn--primary .wp-element-button {
    border-color: var(--download-blue);
    background: var(--download-blue);
    color: #fff;
}

.download-button--primary:hover .wp-element-button,
.btn--primary:hover .wp-element-button {
    border-color: var(--download-blue-dark);
    background: var(--download-blue-dark);
    color: #fff;
}

.btn--secondary .wp-element-button {
    border-color: var(--download-border);
    background: var(--download-pill-bg);
    color: var(--download-dark);
}

.btn--secondary:hover .wp-element-button {
    background: var(--download-pill-bg);
    color: var(--download-dark);
}

.download-tab {
    flex: 1 1 0;
    text-align: center;
    background: transparent;
    border: 1px solid transparent;
    padding: 10px 12px;
    font-size: var(--font-size-normal);
    font-weight: 700;
    color: var(--download-dark);
    cursor: pointer;
    border-radius: var(--border-radius);
    text-decoration: none;
}

/*.download-tabs .wp-block-button__link.is-active,*/
.download-tab.is-active {
    background: var(--download-blue);
    color: #fff;
    box-shadow: 0 1px 2px var(--box-shadow-color);
}

.dbeaver-tabs__panel {
    display: none;
    padding: 0;
}

.dbeaver-tabs__panel.is-active {
    display: block;
}

.dbeaver-tabs__nav {
    display: flex;
    align-items: stretch;
    gap: 0.5rem;
    margin: 0 0 2rem;
    padding: 4px;
    border-radius: var(--border-radius);
    background: var(--download-light-gray-color);
}

.dbeaver-tabs__nav .wp-block-button {
    flex: 1 1 0;
}

.dbeaver-tabs__nav [data-tab-key],
.dbeaver-tabs__nav .wp-block-button__link,
.dbeaver-tabs__nav a,
.dbeaver-tabs__nav button {
    cursor: pointer;
}

.dbeaver-tabs__nav .wp-block-button__link,
.dbeaver-tabs__nav a,
.dbeaver-tabs__nav button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 42px;
    border: 1px solid transparent;
    border-radius: var(--border-radius);
    background: transparent;
    color: var(--download-dark);
    font-size: var(--font-size-normal);
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    box-sizing: border-box;
    line-height: 1.5;
    padding: 0;
}

.dbeaver-tabs__nav .wp-block-button.is-active .wp-block-button__link,
.dbeaver-tabs__nav .wp-block-button__link.is-active,
.dbeaver-tabs__nav a.is-active,
.dbeaver-tabs__nav button.is-active {
    background: var(--download-blue);
    color: #fff;
    box-shadow: 0 1px 2px var(--box-shadow-color);
}

.dbeaver-tabs__nav .wp-block-button__link:focus-visible,
.dbeaver-tabs__nav a:focus-visible,
.dbeaver-tabs__nav button:focus-visible {
    outline: 2px solid var(--download-blue);
    outline-offset: 2px;
}

.dbeaver-tabs__panel[hidden] {
    display: none !important;
}

.dbeaver-tabs__panel.is-active {
    display: block;
}

.download-installers,
.download-section {
    margin: 0;
}

.wp-block-group.dbeaver-tabs__panel .download-button {
    margin: 2rem 0 0;
}

.download-installers__intro {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    align-items: flex-start;
}

.download-installers {
    display: flex;
    flex-direction: column;
    gap: var(--blocks-gap);
}

.download-installers__title,
.download-version__title {
    margin: 0;
    font-size: var(--font-size-xl);
}

.download-version__title.pro-version {
    margin: 0 0 30px;
}

.download-installers__desc {
    margin: 0;
    padding: 0;
    color: var(--download-dark);
    font-size: var(--font-size-sm);
}

.box {
    background: #fff;
    border: 1px solid var(--download-border);
    border-radius: var(--border-radius-lg);
    padding: 40px 30px;
    box-shadow: 0 2px 4px var(--box-shadow-color);
}

.box h2 {
    margin: 0;
    font-size: var(--font-size-xl);
}

.is-clickable-card[data-card-href] {
    cursor: pointer;
}

.is-clickable-card[data-card-href]:focus-visible {
    outline: 2px solid var(--download-blue);
    outline-offset: 4px;
}

.box.is-clickable-card {
    gap: 1.5rem;
}

.system-info-section {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.system-info-section .wp-block-separator {
    border: none;
    border-top: 0 solid var(--download-border);
    padding: 0;
    margin: 0;
}

.additional-info > .wp-block-group__inner-container {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    gap: 40px 2rem;
}

.additional-info .wp-block-group {
    flex: 1 1 auto;
    max-width: min(100%, calc(50% - 1rem));
    min-width: 263px;
}

.download-section {
    padding: 0;
}

.download-section h2 {
    margin: 0 0 30px;
    font-size: var(--font-size-xl);
}

.download-section p {
    margin: 6px 0;
}

.download-section ul {
    margin: 0;
}

.download-section pre {
    background: var(--download-code-bg-color);
    color: var(--download-code-color);
    border-radius: var(--border-radius);
    padding: 12px;
    font-size: var(--font-size-sm);
    box-shadow: none;
    border: none;
    overflow-x: auto;
}

.download-section code {
    background: var(--download-code-bg-color);
    color: var(--download-code-color);
    padding: 0 0.2rem;
    box-shadow: none;
    border: none;
}

.download-pro {
    max-width: 720px;
}

.download-feature-list {
    margin: 0;
}

.download-feature-list li {
    margin-bottom: 0.5rem;
}

svg.cloudbeaver-header-svg {
    display: block;
    padding: 0;
    margin: 0 0.5rem 0 0;
    width: 52px;
    height: 33px;
}

.title-with-icon {
}

.wp-block-group.title-with-icon h2 {
    margin: 0;
}

@media (max-width: 980px) {
    .wp-singular.page .hero,
    .wp-singular.page .download-hero {
        padding: 3rem 2rem;
    }
}

@media (max-width: 640px) {
    :root {
        --blocks-padding: 1.5rem;
        --blocks-gap: 2rem;
    }

    .wp-singular.page .hero,
    .wp-singular.page .download-hero {
        padding: 3rem 1.5rem;
    }

    .download-hero__title {
        font-size: 2rem;
    }

    .dbeaver-tabs__nav {
        flex-direction: column;
    }

    .dbeaver-tabs__nav .wp-block-button {
        width: 100%;
    }
}