flare26-homepage.css

/*
* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at https://mozilla.org/MPL/2.0/.
*/

.fl-home-body {
    background: var(--token-color-dark-purple);
}

.fl-home-body .fl-main {
    background: var(--fl-theme-background);
    overflow: hidden;
    padding-block-end: 0;
}

.fl-home-body .fl-split-page-upper {
    padding: 0;
}

.fl-home-body .fl-split-page-upper > .fl-section:first-child {
    padding-block-start: 0;
}

.fl-home-body .fl-section:has(.fl-card-gallery) {
    padding-block-end: 0;
}

.fl-home-body .fl-split-page-upper .fl-sticker-card:hover {
    top: -2px;
    transform: none;
}

.fl-home-body .fl-banner-container {
    margin-block-start: calc(-1 * var(--fl-section-v-padding));
    max-inline-size: none;
    padding: var(--token-spacing-lg);
}

@media (--viewport-md-up) {
    .fl-home-body {
        --section-border-radius: var(--token-border-radius-xl);
    }

    .fl-home-body .fl-card-grid {
        --fl-card-grid-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (--viewport-lg-up) {
    .fl-home-body .fl-card-grid {
        --fl-card-grid-columns: repeat(4, minmax(0, 1fr));
    }
}