/* FitUI V2 — Page atmosphere */

.fit-atmosphere {
    position: relative;
    isolation: isolate;
    background:
        radial-gradient(circle at 10% 0%, rgba(var(--fit-gold-rgb), .10), transparent 30%),
        radial-gradient(circle at 90% 8%, rgba(var(--fit-gold-rgb), .06), transparent 28%),
        var(--fit-bg);
}

.fit-atmosphere::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, .012) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .012) 1px, transparent 1px);
    background-size: 44px 44px;
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), transparent 72%);
    pointer-events: none;
}