.block.block-hero-frontpage {
    --block-hero-frontpage-header-size: calc((var(--margin-sm) * 2 + 68px + 48px) * -1);
    --block-hero-frontpage-info-color: var(--color-primary);
    --block-hero-frontpage-info-color-selected: var(--color-tint);

    --block-hero-frontpage-subheading-background: var(--color-tint);

    margin-top: var(--block-hero-frontpage-header-size);
}

.block.block-hero-frontpage .inner {
    --block-hero-frontpage-inner-height: auto;
    --block-hero-frontpage-inner-min-height: 90vh;

    padding-top: calc(-1 * var(--block-hero-frontpage-header-size));
    height: var(--block-hero-frontpage-inner-height);
    min-height: var(--block-hero-frontpage-inner-min-height);
}

.block.block-hero-frontpage .inner::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: transparent linear-gradient(180deg, var(--color-contrast) 0%, #16242DBF 48%, #070C0F00 100%) 0% 0% no-repeat padding-box;
    mix-blend-mode: multiply;
    opacity: 0.35;
}

.block.block-hero-frontpage .hero-title {
    max-width: 585px;
}

.block.block-hero-frontpage .tabs,
.block.block-hero-frontpage .content,
.block.block-hero-frontpage form {
    max-width: 380px;
}

.block.block-hero-frontpage .button,
.block.block-hero-frontpage .button {
    padding: 0 14px;
}

.block.block-hero-frontpage input + label .tooltip-button {
    color: var(--block-hero-frontpage-info-color);
}

.block.block-hero-frontpage input:checked + label .tooltip-button {
    color: var(--block-hero-frontpage-info-color-selected);
}

.block.block-hero-frontpage .radio-group,
.block.block-hero-frontpage .tabs {
    --grid-gap: 16px;
}

.block.block-hero-frontpage .radio-group .button.icon {
    padding-top: 4px;
    padding-bottom: 4px;
}

.block.block-hero-frontpage .radio-group .button svg {
    height: 100%;
    max-height: 100%;
    max-width: 100%;
}

.block.block-hero-frontpage .radio-group .button svg:not(:only-child) {
    flex-basis: calc(100% / 3);
}

.block.block-hero-frontpage form {
    --grid-gap: 10px;
}

.block.block-hero-frontpage [type="radio"]:checked + label,
.block.block-hero-frontpage label.custom-donation {
    --button-color: var(--color-tint);
    --button-bg-color: var(--color-primary);
    --button-bg-color-hover: var(--color-primary-shade-20);
}

.block.block-hero-frontpage label.custom-donation input {
    color: var(--button-color);
}

.block-hero-frontpage .subheading {
    margin-top: calc((var(--margin-sm) + var(--text-hero-small) - 1px) * -1);
    background: var(--block-hero-frontpage-subheading-background);
}

.block-hero-frontpage .payment-methods svg {
    width: 100%;
    height: auto;
    max-height: 40px;
}


@media screen and (min-width: 48em) {
    .block.block-hero-frontpage .forms {
        max-width: calc(50% - var(--w-full-padding) / 2);
    }
}

@media screen and (min-width: 64em) {
    .block.block-hero-frontpage .forms {
        max-width: calc(50% - var(--w-full-padding) * 2);
    }
}

@media (prefers-color-scheme: dark) {
    .block.block-hero-frontpage {
        --block-hero-frontpage-subheading-background: var(--color-contrast-shade-40);
    }
}