.bg-glass {
    background: hsla(0, 0%, 100%, 0.10);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    /* Force GPU acceleration */
    /* https://graffino.com/til/CjT2jrcLHP-how-to-fix-filter-blur-performance-issue-in-safari */
    transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

.bg-glass-dark {
    background: hsla(0, 0%, 0%, 0.25);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    /* Force GPU acceleration */
    /* https://graffino.com/til/CjT2jrcLHP-how-to-fix-filter-blur-performance-issue-in-safari */
    transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

.bg-custom-gradient {
    background:
            radial-gradient(84.79% 172.9% at 73.31% 31.4%,
            rgba(99, 135, 241, .1) 0%,
            rgba(218, 70, 239, .05) 52.47%,
            rgba(99, 135, 241, .1) 100%);
}

.bg-custom-gray {
    background:
            linear-gradient(153.32deg,
            rgba(255, 255, 255, .3) -65.62%,
            rgba(255, 255, 255, .1) 83.28%);
    box-shadow: 0 .25rem 1.5rem -.0625rem rgba(0, 0, 0, .2);
    backdrop-filter: blur(25px);
}

.bg-custom-dark {
    background-color: rgba(255,255,255,.05);
}


.bg-gradient-primary-bottom {
    bottom: 28%;
    width: 25px;
    height: 25px;
}

.bg-gradient-primary-left {
    left: -16%;
    width: 14px;
    height: 14px;
}

.bg-gradient-primary-top-right {
    top: 8.5%;
    right: -8.5%;
    width: 11px;
    height: 11px;
}

.bg-gradient-lime-cream-135-deg {
    background: linear-gradient(135deg, #96FBC4 0%, #DBF799 100%);
}

.bg-gradient-lime-cream-90-deg {
    background: linear-gradient(90deg, #96FBC4 0%, #F9F586 100%);"
}

.bg-gradient-lime-cream-circle-bottom {
    bottom: 26.6%;
    width: 25px;
    height: 25px;
}

.bg-gradient-lime-cream-circle-left {
    left: -18.5%;
    width: 14px;
    height: 14px;
}

.bg-gradient-lime-cream-circle-top-right {
    top: 10%;
    right: -10%;
    width: 11px;
    height: 11px;
}

.bg-gradient-sunset {
    background: linear-gradient(124deg, #F6D365 2.46%, #FDA085 101.25%);
}

.bg-gradient-sunset-circle-bottom {
    bottom: 38.8%;
    width: 25px;
    height: 25px;
}

.bg-gradient-sunset-circle-bottom-left {
    bottom: 22.5%;
    left: -14%;
    width: 14px;
    height: 14px;
}

.bg-gradient-sunset-circle-top {
    top: 14%;
    right: -9%;
    width: 11px;
    height: 11px;
}

.bg-gradient-dark-90deg {
    background: linear-gradient(90deg, #0B0F19 0%, #172033 51.04%, #0B0F19 100%);
}

.bg-gradient-dark-180deg {
    background: linear-gradient(180deg, rgba(17, 24, 39, 0.00) 35.56%, #111827 95.3%);
}