* {

    /*display:*/
    :not(head, script) {
        display: block;
    }

    /*&*/
    head,
    script {
        display: none !important;
    }

    margin: 0;
    padding: 0;
    border:0;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    background-color: transparent;
    background: none;
    text-decoration: inherit;
    list-style-type: none;
    outline: none;
    cursor: default;

    ::placeholder {
        color: black;
        opacity: 0.25;
    }

    /*?????*/
}

html {
    position: absolute !important;
    display: block !important;
    width: 100vw !important;
    height: 100vh !important;
    min-height: min-content !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    background-color: transparent;
}

body {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
}

app-root{
    width: 100% !important;
    height: 100% !important;
}


/*********************************************/
/*********************************************/
/*********************************************/

@keyframes hero-gradient-animation {
    0% {
        --s-start-0: 0%;
        --s-end-0: 55.31899567992806%;
        --c-0: hsla(298, 0%, 100%, 1);
        --x-0: 25%;
        --y-0: 61%;
        --y-1: 84%;
        --x-1: 42%;
        --c-1: hsla(298, 0%, 100%, 1);
        --s-start-1: 0%;
        --s-end-1: 55.31899567992806%;
        --y-2: 58%;
        --s-start-2: 0%;
        --s-end-2: 45.77892876736944%;
        --x-2: 13%;
        --c-2: hsla(298, 100%, 66%, 0.34);
        --y-3: 90%;
        --c-3: hsla(163, 100%, 66%, 0.34);
        --x-3: 53%;
        --s-start-3: 0%;
        --s-end-3: 45.77892876736944%;
        --y-4: 79%;
        --x-4: 23%;
        --s-start-4: 0%;
        --s-end-4: 74%;
        --c-4: hsla(224, 100%, 66%, 1);
    }

    100% {
        --s-start-0: 0;
        --s-end-0: 69;
        --c-0: hsla(298, 0%, 100%, 1);
        --x-0: 77%;
        --y-0: 97%;
        --y-1: 72%;
        --x-1: 42%;
        --c-1: hsla(298, 0%, 100%, 1);
        --s-start-1: 0;
        --s-end-1: 69;
        --y-2: 90%;
        --s-start-2: 0;
        --s-end-2: 69;
        --x-2: 56%;
        --c-2: hsla(298, 100%, 66%, 0.34);
        --y-3: 71%;
        --c-3: hsla(163, 100%, 66%, 0.34);
        --x-3: 50%;
        --s-start-3: 0;
        --s-end-3: 69;
        --y-4: 70%;
        --x-4: 49%;
        --s-start-4: 0;
        --s-end-4: 69;
        --c-4: hsla(224, 100%, 66%, 1);
    }
}

@property --s-start-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 0%
}

@property --s-end-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 55.31899567992806%
}

@property --c-0 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(298, 0%, 100%, 1)
}

@property --x-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 25%
}

@property --y-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 61%
}

@property --y-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 84%
}

@property --x-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 42%
}

@property --c-1 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(298, 0%, 100%, 1)
}

@property --s-start-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 0%
}

@property --s-end-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 55.31899567992806%
}

@property --y-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 58%
}

@property --s-start-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 0%
}

@property --s-end-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 45.77892876736944%
}

@property --x-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 13%
}

@property --c-2 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(298, 100%, 66%, 0.34)
}

@property --y-3 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 90%
}

@property --c-3 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(163, 100%, 66%, 0.34)
}

@property --x-3 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 53%
}

@property --s-start-3 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 0%
}

@property --s-end-3 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 45.77892876736944%
}

@property --y-4 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 79%
}

@property --x-4 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 23%
}

@property --s-start-4 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 0%
}

@property --s-end-4 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 74%
}

@property --c-4 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(224, 100%, 66%, 1)
}

.your_css_selector_here {
    --c-0: hsla(298, 0%, 100%, 1);
    --x-0: 25%;
    --y-0: 61%;
    --y-1: 84%;
    --x-1: 42%;
    --c-1: hsla(298, 0%, 100%, 1);
    --y-2: 58%;
    --x-2: 13%;
    --c-2: hsla(298, 100%, 66%, 0.34);
    --y-3: 90%;
    --c-3: hsla(163, 100%, 66%, 0.34);
    --x-3: 53%;
    --y-4: 79%;
    --x-4: 23%;
    --c-4: hsla(224, 100%, 66%, 1);
    ;
    background-color: hsla(252, 0%, 12%, 1);
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1950 1950' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E"), radial-gradient(circle at var(--x-0) var(--y-0), var(--c-0) var(--s-start-0), transparent var(--s-end-0)), radial-gradient(circle at var(--x-1) var(--y-1), var(--c-1) var(--s-start-1), transparent var(--s-end-1)), radial-gradient(circle at var(--x-2) var(--y-2), var(--c-2) var(--s-start-2), transparent var(--s-end-2)), radial-gradient(circle at var(--x-3) var(--y-3), var(--c-3) var(--s-start-3), transparent var(--s-end-3)), radial-gradient(circle at var(--x-4) var(--y-4), var(--c-4) var(--s-start-4), transparent var(--s-end-4));
    animation: hero-gradient-animation 10s linear infinite alternate;
    background-blend-mode: overlay, overlay, overlay, normal, normal, normal;
}