.position-relative {
    position: relative;
}

.radial-wrap-color {
    background: radial-gradient(
        circle at 80% 500%,
        #ff6b6b 0%,
        #ff6b6b 55%,
        #feca57 55%,
        #feca57 65%,
        #ff9ff3 65%,
        #ff9ff3 70%,
        #54a0ff 85%,
        #54a0ff 90%,
        #1dd1a1 90%,
        #1dd1a1 100%
    );
}

.radial-wrap-darkmode {
    background: radial-gradient(
        circle at 80% 500%,
        #0b0b0b 0%,
        #0b0b0b 55%,
        #141414 55%,
        #141414 65%,
        #1e1e1e 65%,
        #1e1e1e 75%,
        #2c2c2c 75%,
        #2c2c2c 90%,
        #333333 90%,
        #333333 100%
    );
}

.wrap-overlay-light-1,
.wrap-overlay-light-2,
.wrap-overlay-light-3,
.wrap-overlay-light-4,
.wrap-overlay-dark-1,
.wrap-overlay-dark-2,
.wrap-overlay-dark-3,
.wrap-overlay-dark-4 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1;
    border-radius: inherit;
    overflow: hidden;
}

.wrap-overlay-light-1 { background-color: rgba(255, 255, 255, 0.25); }
.wrap-overlay-light-2 { background-color: rgba(255, 255, 255, 0.35); }
.wrap-overlay-light-3 { background-color: rgba(255, 255, 255, 0.65); }
.wrap-overlay-light-4 { background-color: rgba(255, 255, 255, 0.85); }

.wrap-overlay-dark-1 { background-color: rgba(33, 33, 33, 0.25); }
.wrap-overlay-dark-2 { background-color: rgba(33, 33, 33, 0.35); }
.wrap-overlay-dark-3 { background-color: rgba(33, 33, 33, 0.65); }
.wrap-overlay-dark-4 { background-color: rgba(33, 33, 33, 0.85); }