.sag-mesh {
    background-color: #fff;
    /* background-image: radial-gradient(48rem 26rem at 12% 8%, #00aeef29, #0000 70%), radial-gradient(40rem 24rem at 88% 92%, #8cc63f2e, #0000 70%), radial-gradient(30rem 20rem at 70% 10%, #00aeef14, #0000 70%); */
}

.py-14 {
    padding-block: calc(.25rem * 14);
}
.px-8 {
    padding-inline: calc(.25rem * 8);
}
.overflow-hidden {
    overflow: hidden;
}
.gap-7 {
    gap: calc(.25rem * 7);
}
.justify-center {
    justify-content: center;
}
.items-center {
    align-items: center;
}
.flex-col {
    flex-direction: column;
}
.h-full {
    height: 100%;
}
.flex {
    display: flex;
}
.relative {
    position: relative;
}

.shrink-0 {
    flex-shrink: 0;
}

.inset-0 {
    inset: calc(.25rem * 0);
}

.absolute {
    position: absolute;
}
img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
}


.sag-orb {
    -webkit-backdrop-filter: blur(3px)saturate(120%);
    backdrop-filter: blur(3px) saturate(120%);
    background: radial-gradient(120% 120% at 28% 22%, #fffffff2, #ffffff57 58%), #ffffff38;
    overflow: hidden;
    box-shadow: inset 0 1px 1px #ffffffe6, inset 0 -8px 18px #00aeef14, 0 10px 26px -14px #00395b47;
}
.rounded-full {
    border-radius: 3.40282e38px;
}
.justify-center {
    justify-content: center;
}
.items-center {
    align-items: center;
}
.flex {
    display: flex;
}
.inset-\[18\%\] {
    inset: 18%;
}
.absolute {
    position: absolute;
}



.text-sag-muted, .text-sag-muted\/70 {
    color: var(--sag-muted);
}
.leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
}
.text-\[0\.95rem\] {
    font-size: .95rem;
}

.sag-orb {
    -webkit-backdrop-filter: blur(3px)saturate(120%);
    backdrop-filter: blur(3px) saturate(120%);
    background: radial-gradient(120% 120% at 28% 22%, #fffffff2, #ffffff57 58%), #ffffff38;
    overflow: hidden;
    box-shadow: inset 0 1px 1px #ffffffe6, inset 0 -8px 18px #00aeef14, 0 10px 26px -14px #00395b47;
}


.text-sag-muted, .text-sag-muted\/70 {
    color: #5d7387;
}

.leading-relaxed {
    --tw-leading: 1.625;
    line-height: 1.625;
}
.text-\[0\.95rem\] {
    font-size: .95rem;
}
.text-center {
    text-align: center;
}
.max-w-\[22rem\] {
    max-width: 22rem;
}


@keyframes sag-spin-rev {
    100% {
        transform: rotate(360deg);
    }
} 


@keyframes sag-spin {
    100% {
        transform: rotate(360deg);
    }
}