#assessment {
    position:relative;
    display:block;
    height:100%; 
    width:100%;
    max-height:60em;
    font-size:14pt; 
}

#assessment.square {
    position: relative;
    display: flex;
    align-items: center;
    align-content: start;
    height:44rem;   
    width:100%;
}

#assessment.square > #assessment-actions {
    position: relative;
    display: block;
    font-size: inherit;
    background-color:var(--cavelo-orange) !important;
    box-shadow: 5px 10px var(--cavelo-orange-60) !important;
    border: 1px solid var(--cavelo-orange-60) !important;
    color: var(--cavelo-orange-20) !important;
    padding:1.5em;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    height:100%;
    margin-left:2em;
    min-width:10%;
}
#assessment.square > #assessment-actions h3 i { margin-right:0.5em; }


#assessment.square > #assessment-monitor {
    position: relative;
    display: block;
    font-size: inherit;
    background-color:var(--cavelo-black) !important;
    box-shadow: 5px 10px var(--cavelo-black-60) !important;
    border: 1px solid var(--cavelo-black-60) !important;
    color: var(--cavelo-black-20) !important;
    padding:1.5em;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    height:100%;
    margin-left:2em;
    min-width:10%;
}
#assessment.square > #assessment-monitor h3 i { margin-right:0.5em; }


#assessment.square > section {
    position: relative;
    display: block;
    width: auto;
    font-size: inherit;
    background-color:var(--cavelo-blue) !important;
    box-shadow: 5px 10px var(--cavelo-blue-60) !important;
    border: 1px solid var(--cavelo-blue-60) !important;
    color: var(--cavelo-blue-20) !important;
    padding:1.5em;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    height:100%;
}
#assessment.square > section > h2 { white-space:nowrap; }

#assessment.square > section div.section-icons > article {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
}

/* generic status */
#assessment.square .svg-image svg path,
#assessment.square .svg-image svg g,
#assessment.square .svg-image svg circle { stroke:var(--cavelo-blue-60) !important; fill:var(--cavelo-blue-20) !important; }
/* specific status svg ids */
#assessment.square .svg-image svg #perimeter-external-globe { fill:var(--cavelo-blue) !important; }
#assessment.square .svg-image svg #perimeter-internal-building { fill:var(--cavelo-blue) !important; }
#assessment.square .svg-image svg #platform-agent-laptop { fill:var(--cavelo-blue) !important; }
#assessment.square .svg-image svg #platform-agent-laptop-screen { fill:var(--cavelo-blue-60) !important; }
#assessment.square .svg-image svg #platform-cloud-cloud { fill:var(--cavelo-blue) !important; }
#assessment.square .svg-image svg #endpoint-vulnerability-shackle { fill:var(--cavelo-blue-60) !important; }
#assessment.square .svg-image svg #path815 { stroke:var(--cavelo-blue) !important; }
#assessment.square .svg-image svg #path819 { stroke:var(--cavelo-blue) !important; }
#assessment.square .svg-image svg #endpoint-inventory-folder-rear { fill:var(--cavelo-blue-60) !important; }
#assessment.square .svg-image svg #endpoint-inventory-magnifier { fill:var(--cavelo-blue) !important; }
#assessment.square .svg-image svg #endpoint-software-window-middle { fill:var(--cavelo-blue-60) !important; }
#assessment.square .svg-image svg #endpoint-software-window-bottom { fill:var(--cavelo-blue) !important; }
#assessment.square .svg-image svg #enduser-pii-circle { fill:none !important; }
#assessment.square .svg-image svg #enduser-pii-user { display:none !important; }
#assessment.square .svg-image svg #enduser-pii-user2 { display:inline !important; }
#assessment.square .svg-image svg #enduser-permissions-shackle { fill:none !important; }


#assessment.square .article-action { text-align:center; font-size:0.8rem; margin-top:0.5em; background-color:var(--cavelo-blue-80); padding:0.5em; width:100%; border-radius:0.5em; }
#assessment.square .article-action:empty { display:none; }


#assessment.square .list { padding:0.5em 0 1em 0; }
#assessment.square .list.grid { display:grid; grid-template-columns: 1fr auto; }
#assessment.square .list.grid > small { justify-content:right; }
#assessment.square .list.grid > * { display:flex; align-items:center; }

#assessment.square > section div.section-icons > article > .title { text-align:center; white-space:break-spaces; }
#assessment.square > section div.section-icons > article > .list { text-align:left; white-space:nowrap; padding-top:1em; }
#assessment.square > section div.section-icons > article > .list > div > i { display:inline-block; width:1em; }
#assessment.square > section article .list * { vertical-align:middle; } 

#assessment.square > section div.section-icons { height:calc(100% - 3em) }
#assessment.square > section#assessment-perimeter div.section-icons > article { height:50%; }
#assessment.square > section#assessment-platform  div.section-icons > article { height:50%; }
#assessment.square > section#assessment-endpoint  div.section-icons > article { height:33.3%; }
#assessment.square > section#assessment-enduser   div.section-icons > article { height:33.3%; }

#assessment.square:not(.open) > section:not(.open) { width:min-content; }
#assessment.square:not(.open) > section:not(.open) article .article-list { display:none; }
#assessment.square:not(.open) > section:not(.open) article .article-title > span { position:relative; display:block; min-width:100%; text-align:center; }
#assessment.square:not(.open) > section:not(.open) article svg { height:3em; width:auto; }

#assessment.square.open > section.open { width:max-content; z-index:20 !important; }
#assessment.square.open > section.open .article-action { display:none; }
#assessment.square.open > section:not(.open) { height:calc(100% - 2em); padding:0; box-shadow:none !important; /*box-shadow:inset 0px 0px 10px var(--cavelo-black) !important;*/ }
#assessment.square.open > section:not(.open) > .section-title { height: max-content; width: max-content; position:absolute; top:50%; left:50%; transform: translateX(-50%) translateY(-50%) rotate(-90deg); margin:0; }
#assessment.square.open > section:not(.open) > *:not(.section-title) { opacity:0; width:4em; }
#assessment.square.open > section:not(.open) article .article-list { display:none; }
#assessment.square.open > section:not(.open) article .article-action { display:none; }

#assessment.square.open > section.open article { align-items: flex-start; }
#assessment.square.open > section.open svg { height:2em; width:auto; margin-right:0.5em; transform:translateY(30%); }

#assessment.square > section .article-title { position:relative; } 
#assessment.square > section .article-status { position:absolute; display:inline-block; max-width:fit-content; font-size:0.6em; bottom:-0.5em; left:2rem; }
#assessment.square:not(.open) > section:not(.open) .article-status { font-size:1em; left:64%; top:36%; }

/* Status icons : sections */
#assessment.square > section .fa-solid:not(.fa-spinner):before { border-radius:50%; box-shadow:-1px 1px 5px var(--cavelo-black); } 
/* #assessment.square > section .fa-solid:not(.fa-spinner):hover:before { box-shadow:0px 0px 5px var(--cavelo-orange); }  */

#assessment.square .fa-spinner { cursor:default; color:var(--cavelo-orange); }
#assessment.square .fa-circle-check { cursor:default; color:var(--cavelo-green);}
#assessment.square .fa-circle-check:before { background-image: radial-gradient(var(--cavelo-blue-20), var(--cavelo-green)) }
#assessment.square .fa-circle-xmark { cursor:default; color:var(--cavelo-orange); }
#assessment.square .fa-circle-xmark:before { background-image: radial-gradient(var(--cavelo-blue-20), var(--cavelo-orange)) }
#assessment.square .fa-circle-exclamation { cursor:default; color:var(--cv-gold-dark); }
#assessment.square .fa-circle-exclamation:before { background-image: radial-gradient(var(--cavelo-blue), var(--cv-gold-dark)) }

#assessment.square > section article .list > div > span { vertical-align:middle; height:1.5em; }
#assessment.square > section article .list > div > span > a { vertical-align:baseline; height:1.5em; }
#assessment.square > section article .list > div > span:first-child { text-align:center; display:inline-block; width:1.5em; }
#assessment.square > section article .list .fa-circle-check,
#assessment.square > section article .list .fa-circle-xmark,
#assessment.square > section article .list .fa-circle-exclamation { font-size:1em !important; vertical-align:middle; }

/* Status icons : actions */
#assessment.square .action-status:not(:empty) { margin-right:0.3em; }
#assessment.square > #assessment-actions .list > div { margin-right:1em; }
#assessment.square > #assessment-actions .list > div .fa-solid:before { border-radius:50%; font-size:0.9em; margin-left:0.1em; } 
#assessment.square > #assessment-actions .list > div .fa-spinner { color:var(--cavelo-blue); }
#assessment.square > #assessment-actions .list > div .fa-circle-check:before { background-image: radial-gradient(var(--cavelo-orange-20), var(--cavelo-green)) }
#assessment.square > #assessment-actions .list > div .fa-circle-xmark:before { background-image: radial-gradient(var(--cavelo-orange-20), var(--cavelo-orange)) }
#assessment.square .list > div[data-title] { background-color:transparent }

/* Status icons : monitor */
#assessment.square > #assessment-monitor .list > div .fa-solid:before { border-radius:50%; font-size:0.9em; margin-left:0.1em; } 
#assessment.square > #assessment-monitor .list > div .fa-spinner { color:var(--cavelo-blue); }
#assessment.square > #assessment-monitor .list > div .fa-circle-check:before { background-image: radial-gradient(var(--cavelo-orange-20), var(--cavelo-green)) }
#assessment.square > #assessment-monitor .list > div .fa-circle-xmark:before { background-image: radial-gradient(var(--cavelo-orange-20), var(--cavelo-orange)) }


@keyframes funnel-slide-in { 100% { transform: translate(0%, 0%); opacity:1; } }
.funnel .slide-in { animation: funnel-slide-in 0.5s forwards; -webkit-animation: funnel-slide-in 0.5s forwards; }

.slide-from-top { opacity:0; transform: translate(0%,-100%); -webkit-transform: translate(0%,-100%); }
.slide-from-left { opacity:0; transform: translateX(-100%); -webkit-transform: translateX(-100%); }
.slide-from-right { opacity:0; transform: translateX(100%); -webkit-transform: translateX(100%); }
.slide-from-bottom { opacity:0; transform: translateY(100%); -webkit-transform: translateY(100%); }

.funnel {
    position:relative;
    order: 1;
    display:flex;
    align-content: flex-end;
    align-items: flex-end;
    justify-content: center;
    flex-direction:column;
    width:100%;
    min-height:100%;
    max-height:auto;
    padding:2rem 0;
}

.funnel > section {
    position:relative;
    display:flex;
    align-content:flex-start;
    align-items:flex-start;
    justify-content:center;
    margin-bottom:2rem; 
    border-left:5rem solid transparent !important;
    border-right:5rem solid transparent !important;
    border-top-width:10rem;
    border-bottom-width:0px;
    overflow:visible; 
}

.funnel > section:before {
    position:absolute;
    display:flex;
    content:' ';
    height:100%;
    width:100%;
    border:inherit;
    background-color:transparent;
    opacity:0.5;
    margin:0;
    top:calc(-10rem + 8px);
    left:calc(-5rem + 8px);
}

.funnel > section > .content {
    position:relative;
    display:flex;
    align-content: flex-start;
    align-items: center;
    justify-content: center;
    flex-direction:column;

    height:100%;
    width:100%;
    margin:0;
    margin-top:-11rem;
    overflow:visible;
}


.funnel > section:nth-child(2) { width:80%; margin-right:2rem; }
.funnel > section:nth-child(3) { width:70%; margin-right:calc(2rem + 5%); }
.funnel > section:nth-child(4) { width:60%; margin-right:calc(2rem + 10%); }
.funnel > section:nth-child(5) { width:50%; margin-right:calc(2rem + 15%); }

.funnel > section > .content h2 { font-size:2rem; margin-bottom:0.5rem; }
.funnel > section > .content h3 { font-size:1rem; margin-bottom:0.5rem; }

.funnel > .actions {
    position:absolute;
    display:flex;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: space-evenly;
    flex-direction:column;

    top:0;
    left:0;
    width:100%;
    min-height:100%;
    max-height:auto;
    padding:2rem;
    border-width:1rem;
    border-right-width:0;
}
.funnel ul > li > * { vertical-align:top; }

.funnel > .actions > *:nth-child(1) { width:18%; z-index:10; }
.funnel > .actions > *:nth-child(2) { width:25%; z-index:10; }
.funnel > .actions > *:nth-child(3) { width:30%; z-index:10; }

@keyframes concentric-slide-in { 100% { transform: translate(0%, 0%); opacity:1; } }
.concentric .slide-in { animation: concentric-slide-in 0.5s forwards; -webkit-animation: concentric-slide-in 0.5s forwards; }

.concentric {
    position:relative;
    order: 1;
    display:block;
    width:100%;
    min-height:1000px;
    max-height:auto;
}

.concentric > .actions {
    position:absolute;
    display:flex;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: space-evenly;
    flex-direction:column;

    top:0;
    left:0;
    width:100%;
    min-height:100%;
    max-height:auto;
    padding:2rem;
    border-width:1rem;
    border-right-width:0;
}
.concentric ul > li > * { vertical-align:top; }

.concentric > .actions > *:nth-child(1) { width:18%; z-index:10; }
.concentric > .actions > *:nth-child(2) { width:25%; z-index:10; }
.concentric > .actions > *:nth-child(3) { width:30%; z-index:10; }


.concentric > section {
    position:absolute;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    display:flex;
    align-content:flex-start;
    align-items:flex-start;
    justify-content:center;
    
}

.concentric > section:nth-child(2) { height:900px; right:100px; top:50px; }

.concentric > section:nth-child(3) { height:700px; right:200px; top:150px; }

.concentric > section:nth-child(4) { height:500px; right:300px; top:250px; }

.concentric > section:nth-child(5) { height:300px; right:400px; top:350px; }

.concentric > section > .content {
    position:relative;
    display:block;
    text-align:center;
    padding:2em;
    height:100%;
    width:100%;
    margin:0;
    overflow:visible;
} 


svg > path {
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-dasharray:none;
}

svg > path[id] { 
    fill:var(--cavelo-white);
    stroke:var(--cavelo-black);
    stroke-width:0.5;
    stroke-miterlimit:4;
} 

svg > path#perimeter-external-shield,
svg > path#perimeter-external-lock,
svg > path#perimeter-internal-shield,
svg > path#perimeter-internal-lock,
svg > path#platform-cloud-shield,
svg > path#platform-agent-shield,
svg > path#endpoint-vulnerability-lockbody,
svg > path#endpoint-vulnerability-shackle,
svg > path#endpoint-inventory-folder-rear,
svg > path#endpoint-inventory-folder-front,
svg > path#endpoint-software-window-top,
svg > path#endpoint-software-window-middle,
svg > path#endpoint-software-window-bottom,
svg > path#enduser-permissions-user,
svg > path#enduser-events-user,
svg > path#enduser-pii-user,
svg > path#monitoring-globe,
svg > path#alerting-clapper,
svg > path#alerting-bowl,
svg > path#alerting-ellipsis,
svg > path#reporting-window {
    stroke-width:0.5;
}

svg > path#monitoring-clock,
svg > path#monitoring-magnifier,
svg > path#alerting-bubble,
svg > path#alerting-ellipsis,
svg > path#reporting-screen,
svg > path#reporting-window-bar { 
    fill:var(--cavelo-orange-20); 
    stroke:var(--cavelo-orange); 
}

svg > path#perimeter-external-globe,
svg > path#perimeter-internal-building,
svg > path#platform-cloud-cloud,
svg > path#platform-agent-laptop,
svg > path#endpoint-vulnerability-shackle,
svg > path#endpoint-inventory-magnifier,
svg > path#endpoint-software-window-bar,
svg > path#enduser-permissions-lock,
svg > path#enduser-events-bubble,
svg > path#enduser-pii-pii { 
    fill:var(--cavelo-blue-20); 
    stroke:var(--cavelo-blue);
}

svg > path#reporting-window-bar { 
    stroke:var(--cavelo-black); 
}

svg > path#platform-agent-laptop-screen { 
    stroke:var(--cavelo-blue);
}

svg > path#reporting-window-bar { 
    stroke:var(--cavelo-black); 
} 

:root {
    --scale-origin:scale(1);
    --translate-origin:translate(0%, 0%);
    
    --section-enduser-open:scale(2.49);
    --title-enduser-open:translate(28%, 45%);
    --icon-enduser-permissions-matrix:matrix(3.77953, 0, 0, 3.77953, 115.516, 63.1215);
    --icon-enduser-permissions-open:var(--icon-enduser-permissions-matrix) translate(5.3%, -0.5%);
    --icon-enduser-permissions-closed:var(--icon-enduser-permissions-matrix) var(--translate-origin);
    --icon-enduser-events-matrix:matrix(3.7795275,0,0,3.7795275,275.51579,63.134018);
    --icon-enduser-events-open:var(--icon-enduser-events-matrix) translate(7.8%, -0.5%);
    --icon-enduser-events-closed:var(--icon-enduser-events-matrix) var(--translate-origin);
    --icon-enduser-pii-matrix:matrix(3.7795275,0,0,3.7795275,435.51579,64.003888);
    --icon-enduser-pii-open:var(--icon-enduser-pii-matrix) translate(10.1%, -0.5%);
    --icon-enduser-pii-closed:var(--icon-enduser-pii-matrix) var(--translate-origin);
    --title-enduser-permissions-open:translate(20%, 11%);
    --title-enduser-permissions-closed:var(--translate-origin);
    --title-enduser-events-open:translate(29.3%, 11%);
    --title-enduser-events-closed:var(--translate-origin);
    --title-enduser-pii-open:translate(38.5%, 8%);
    --title-enduser-pii-closed:var(--translate-origin);


    --section-endpoint-open:scale(1.744);
    --title-endpoint-open:translate(20.3%, 33%);
    --icon-endpoint-vulnerability-matrix:matrix(3.7795275,0,0,3.7795275,777.72835,26.905821);

    --icon-endpoint-vulnerability-open:var(--icon-endpoint-vulnerability-matrix) translate(6.9%, 1.9%);
    --icon-endpoint-vulnerability-closed:var(--icon-endpoint-vulnerability-matrix) var(--translate-origin);

    --icon-endpoint-inventory-matrix:matrix(3.7795275,0,0,3.7795275,717.72855,162.90582);
    --icon-endpoint-inventory-open:var(--icon-endpoint-inventory-matrix) translate(1.3%, -1.3%);
    --icon-endpoint-inventory-closed:var(--icon-endpoint-inventory-matrix) var(--translate-origin);
    --icon-endpoint-software-matrix:matrix(3.7795275,0,0,3.7795275,597.49485,286.86372);
    --icon-endpoint-software-open:var(--icon-endpoint-software-matrix) translate(-3.6%, -4.2%);
    --icon-endpoint-software-closed:var(--icon-endpoint-software-matrix) var(--translate-origin);
    --title-endpoint-vulnerability-open:translate(26.4%, 16.4%);
    --title-endpoint-vulnerability-closed:var(--translate-origin);
    --title-endpoint-inventory-open:translate(4.8%, 4.2%);
    --title-endpoint-inventory-closed:var(--translate-origin);
    --title-endpoint-software-open:translate(-13.4%, -6.7%);
    --title-endpoint-software-closed:var(--translate-origin);


    --section-platform-open:scale(1.342);
    --title-platform-open:translate(12.3%, 19%);
    --icon-platform-cloud-matrix:matrix(3.7795275,0,0,3.7795275,1067.9667,58.36556);
    --icon-platform-cloud-open:var(--icon-platform-cloud-matrix) translate(1%, 1%);
    --icon-platform-cloud-closed:var(--icon-platform-cloud-matrix) var(--translate-origin);
    --icon-platform-agent-matrix:matrix(3.7795275,0,0,3.7795275,955.9667,298.36556);
    --icon-platform-agent-open:var(--icon-platform-agent-matrix) translate(-6.5%, -4.9%);
    --icon-platform-agent-closed:var(--icon-platform-agent-matrix) var(--translate-origin);
    --title-platform-cloud-open:translate(4.3%, 15%);
    --title-platform-cloud-closed:var(--translate-origin);
    --title-platform-agent-open:translate(-24.4%, -7.2%);
    --title-platform-agent-closed:var(--translate-origin);


    --section-perimeter-open:scale(1.09);
    --title-perimeter-open:translate(4.7%, 5%);
    --icon-perimeter-external-matrix:matrix(3.7795275,0,0,3.7795275,1325.4766,231.45458);
    --icon-perimeter-external-open:var(--icon-perimeter-external-matrix) translate(-2.3%, -3.2%);
    --icon-perimeter-external-closed:var(--icon-perimeter-external-matrix) var(--translate-origin);
    --icon-perimeter-internal-matrix:matrix(3.7795275,0,0,3.7795275,1145.4766,471.45458);
    --icon-perimeter-internal-open:var(--icon-perimeter-internal-matrix) translate(-9.4%, -9.1%);
    --icon-perimeter-internal-closed:var(--icon-perimeter-internal-matrix) var(--translate-origin);
    --title-perimeter-external-open:translate(-8.3%, -1.7%);
    --title-perimeter-external-closed:var(--translate-origin);
    --title-perimeter-internal-open:translate(-35.3%, -24%);
    --title-perimeter-internal-closed:var(--translate-origin);


    --icon-actions-setting-matrix:matrix(3.7795275,0,0,3.7795275,627.44656,886.63595);
    --icon-actions-setting-open:var(--icon-actions-setting-matrix) translate(-5.5%, -13.3%) scale(0.5);
    --icon-actions-setting-closed:var(--icon-actions-setting-matrix) var(--translate-origin) scale(1);
    --icon-actions-monitoring-matrix:matrix(3.7795275,0,0,3.7795275,1128.3216,860.21143);
    --icon-actions-monitoring-open:var(--icon-actions-monitoring-matrix) translate(-12.4%, -10.8%) scale(0.5);
    --icon-actions-monitoring-closed:var(--icon-actions-monitoring-matrix) var(--translate-origin);
    --icon-actions-alerting-matrix:matrix(3.7795275,0,0,3.7795275,1499.5721,591.82144);
    --icon-actions-alerting-open:var(--icon-actions-alerting-matrix) translate(-17.45%, -2.3%) scale(0.45);
    --icon-actions-alerting-closed:var(--icon-actions-alerting-matrix) var(--translate-origin);
    --icon-actions-reporting-matrix:matrix(3.7795275,0,0,3.7795275,1681.0007,193.86896);
    --icon-actions-reporting-open:var(--icon-actions-reporting-matrix) translate(-19.93%, 9.3%) scale(0.45);
    --icon-actions-reporting-closed:var(--icon-actions-reporting-matrix) var(--translate-origin);

    --menu-open:matrix(0.56612069,0,0,0.56612069,322.23277,135.43856) scale(0.5) translate(50% 0%);
    --menu-closed:matrix(0.56612069,0,0,0.56612069,322.23277,135.43856) scale(0) translate(50% 50%);
}

svg#welcome-funnel { width:100% !important; max-width:100% !important; height:auto !important; }


svg#welcome-funnel text,
svg#welcome-funnel text > tspan { font-family:'Work Sans', sans-serif !important; line-height:1 !important; }
svg#welcome-funnel text[id^="heading-"],
svg#welcome-funnel text[id^="heading-"] > tspan { font-size:1.8em !important; font-weight:bold !important; }
svg#welcome-funnel text[id^="title-"],
svg#welcome-funnel text[id^="title-"] > tspan { font-size:1.5em !important; font-weight:normal !important; }

svg#welcome-funnel text[id^="links-"].active { animation-delay:0.2s !important; -webkit-animation-delay:0.2s !important; }

@keyframes show-circle { from { transform:scale(0); } to { transform:scale(1); } }
@keyframes hide-circle { from { transform:scale(1); } to { transform:scale(0); } }
svg#welcome-funnel > g.visible { cursor:pointer; transform:scale(1); animation-name:show-circle; -webkit-animation-name:show-circle; }
svg#welcome-funnel > g.invisible { transform:scale(0); animation-name:hide-circle; -webkit-animation-name:hide-circle; }
svg#welcome-funnel * { 
    transform-origin:0 0;
    display:block; position:relative;

    animation-duration:0.5s;
    animation-timing-function:ease-in;
    animation-iteration-count:1;
    animation-direction:normal;

    -webkit-animation-duration:0.5s;
    -webkit-animation-timing-function:ease-in;
    -webkit-animation-iteration-count:1;
    -webkit-animation-direction:normal;
}

@keyframes show-menu { from { transform:var(--menu-closed); } to { transform:var(--menu-open); } }
@keyframes hide-menu { from { transform:var(--menu-open); } to { transform:var(--menu-closed); } }
#g3206 { transform-origin:0 0; transform:var(--menu-closed); animation-name:hide-menu; -webkit-animation-name:hide-menu; } */
svg#welcome-funnel > g.active ~ #g3206 { transform:var(--menu-open); animation-name:show-menu; -webkit-animation-name:show-menu; }



/*END USER*/
svg#welcome-funnel #enduser g[id^="icon-"] > * {
    fill-opacity:1 !important;
    fill:var(--cavelo-white) !important;
    stroke:var(--cavelo-black) !important;
}
svg#welcome-funnel #enduser #enduser-pii-pii { fill:var(--cavelo-blue-20) !important; }
svg#welcome-funnel #enduser #enduser-events-bubble { fill:var(--cavelo-blue-20) !important; }
svg#welcome-funnel #enduser #enduser-permissions-shackle { fill:var(--cavelo-blue-20) !important; }
svg#welcome-funnel #enduser #enduser-permissions-lockbody { fill:var(--cavelo-blue-20) !important; }

@keyframes shrink-enduser-section { from { transform:var(--section-enduser-open); } to { transform:var(--scale-origin); } }
svg#welcome-funnel #enduser > #circle-enduser { transform:var(--scale-origin); animation-name: shrink-enduser-section; -webkit-animation-name: shrink-enduser-section; }
@keyframes grow-enduser-section { from { transform:var(--scale-origin); } to { transform:var(--section-enduser-open); } }
svg#welcome-funnel #enduser.active > #circle-enduser { transform:var(--section-enduser-open); animation-name: grow-enduser-section; -webkit-animation-name: grow-enduser-section; }

@keyframes shrink-enduser-title { from { transform:var(--title-enduser-open); } to { transform:var(--translate-origin); } }
svg#welcome-funnel #enduser > #heading-enduser { transform:var(--translate-origin); animation-name: shrink-enduser-title; -webkit-animation-name: shrink-enduser-title; }
@keyframes grow-enduser-title { from { transform:var(--translate-origin); } to { transform:var(--title-enduser-open); } }
svg#welcome-funnel #enduser.active > #heading-enduser { transform:var(--title-enduser-open); animation-name: grow-enduser-title; -webkit-animation-name: grow-enduser-title; }

@keyframes shrink-icon-enduser-permissions { from { transform:var(--icon-enduser-permissions-open); } to { transform:var(--icon-enduser-permissions-closed); } }
svg#welcome-funnel #enduser > #icon-enduser-permissions { transform:var(--icon-enduser-permissions-closed); animation-name: shrink-icon-enduser-permissions; -webkit-animation-name: shrink-icon-enduser-permissions; }
@keyframes grow-icon-enduser-permissions { from { transform:var(--icon-enduser-permissions-closed); } to { transform:var(--icon-enduser-permissions-open); } }
svg#welcome-funnel #enduser.active > #icon-enduser-permissions { transform:var(--icon-enduser-permissions-open); animation-name: grow-icon-enduser-permissions; -webkit-animation-name: grow-icon-enduser-permissions; }

@keyframes shrink-icon-enduser-pii { from { transform:var(--icon-enduser-pii-open); } to { transform:var(--icon-enduser-pii-closed); } }
svg#welcome-funnel #enduser > #icon-enduser-pii { transform:var(--icon-enduser-pii-closed); animation-name: shrink-icon-enduser-pii; -webkit-animation-name: shrink-icon-enduser-pii; }
@keyframes grow-icon-enduser-pii { from { transform:var(--icon-enduser-pii-closed); } to { transform:var(--icon-enduser-pii-open); } }
svg#welcome-funnel #enduser.active > #icon-enduser-pii { transform:var(--icon-enduser-pii-open); animation-name: grow-icon-enduser-pii; -webkit-animation-name: grow-icon-enduser-pii; }

@keyframes shrink-icon-enduser-events { from { transform:var(--icon-enduser-events-open); } to { transform:var(--icon-enduser-events-closed); } }
svg#welcome-funnel #enduser > #icon-enduser-events { transform:var(--icon-enduser-events-closed); animation-name: shrink-icon-enduser-events; -webkit-animation-name: shrink-icon-enduser-events; }
@keyframes grow-icon-enduser-events { from { transform:var(--icon-enduser-events-closed); } to { transform:var(--icon-enduser-events-open); } }
svg#welcome-funnel #enduser.active > #icon-enduser-events { transform:var(--icon-enduser-events-open); animation-name: grow-icon-enduser-events; -webkit-animation-name: grow-icon-enduser-events; }

@keyframes shrink-title-enduser-permissions { from { transform:var(--title-enduser-permissions-open); opacity:1; } to { transform:var(--title-enduser-permissions-closed); opacity:0; } }
svg#welcome-funnel #enduser > #links-enduser-permissions,
svg#welcome-funnel #enduser > #title-enduser-permissions { transform:var(--title-enduser-permissions-closed); opacity:0; animation-name: shrink-title-enduser-permissions; -webkit-animation-name: shrink-title-enduser-permissions; }
@keyframes grow-title-enduser-permissions { from { transform:var(--title-enduser-permissions-closed); opacity:0; } to { transform:var(--title-enduser-permissions-open); opacity:1; } }
svg#welcome-funnel #enduser.active > #links-enduser-permissions,
svg#welcome-funnel #enduser.active > #title-enduser-permissions { transform:var(--title-enduser-permissions-open); opacity:1; animation-name: grow-title-enduser-permissions; -webkit-animation-name: grow-title-enduser-permissions; }

@keyframes shrink-title-enduser-pii { from { transform:var(--title-enduser-pii-open); opacity:1; } to { transform:var(--title-enduser-pii-closed); opacity:0; } }
svg#welcome-funnel #enduser > #links-enduser-pii,
svg#welcome-funnel #enduser > #title-enduser-pii { transform:var(--title-enduser-pii-closed); opacity:0; animation-name: shrink-title-enduser-pii; -webkit-animation-name: shrink-title-enduser-pii; }
@keyframes grow-title-enduser-pii { from { transform:var(--title-enduser-pii-closed); opacity:0; } to { transform:var(--title-enduser-pii-open); opacity:1; } }
svg#welcome-funnel #enduser.active > #links-enduser-pii,
svg#welcome-funnel #enduser.active > #title-enduser-pii { transform:var(--title-enduser-pii-open); opacity:1; animation-name: grow-title-enduser-pii; -webkit-animation-name: grow-title-enduser-pii; }

@keyframes shrink-title-enduser-events { from { transform:var(--title-enduser-events-open); opacity:1; } to { transform:var(--title-enduser-events-closed); opacity:0; } }
svg#welcome-funnel #enduser > #links-enduser-events,
svg#welcome-funnel #enduser > #title-enduser-events { transform:var(--title-enduser-events-closed); opacity:0; animation-name: shrink-title-enduser-events; -webkit-animation-name: shrink-title-enduser-events; }
@keyframes grow-title-enduser-events { from { transform:var(--title-enduser-events-closed); opacity:0; } to { transform:var(--title-enduser-events-open); opacity:1; } }
svg#welcome-funnel #enduser.active > #links-enduser-events,
svg#welcome-funnel #enduser.active > #title-enduser-events { transform:var(--title-enduser-events-open); opacity:1; animation-name: grow-title-enduser-events; -webkit-animation-name: grow-title-enduser-events; }


/*ENDPOINT*/
svg#welcome-funnel #endpoint g[id^="icon-"] > * {
    fill-opacity:1 !important;
    fill:var(--cavelo-white) !important;
    stroke:var(--cavelo-black) !important;
}
svg#welcome-funnel #endpoint #endpoint-vulnerability-shackle { fill:var(--cavelo-blue-20) !important; }
svg#welcome-funnel #endpoint #endpoint-inventory-folder-rear { fill:var(--cavelo-blue-20) !important; }
svg#welcome-funnel #endpoint #endpoint-inventory-magnifier { fill:var(--cavelo-blue-60) !important; }
svg#welcome-funnel #endpoint #endpoint-software-window-bottom { fill:var(--cavelo-blue-20) !important; }
svg#welcome-funnel #endpoint #endpoint-software-window-middle { fill:var(--cavelo-blue-20) !important; }

@keyframes grow-endpoint-section { from { transform:var(--scale-origin); } to { transform:var(--section-endpoint-open); } }
@keyframes shrink-endpoint-section { from { transform:var(--section-endpoint-open); } to { transform:var(--scale-origin); } }
svg#welcome-funnel #endpoint:not(.active) > #circle-endpoint { transform:var(--scale-origin); animation-name: shrink-endpoint-section; -webkit-animation-name: shrink-endpoint-section; }
svg#welcome-funnel #endpoint.active > #circle-endpoint { transform:var(--section-endpoint-open); animation-name: grow-endpoint-section; -webkit-animation-name: grow-endpoint-section; }
@keyframes grow-endpoint-title { from { transform:var(--translate-origin); } to { transform:var(--title-endpoint-open); } }
@keyframes shrink-endpoint-title { from { transform:var(--title-endpoint-open); } to { transform:var(--translate-origin); } }
svg#welcome-funnel #endpoint:not(.active) > #heading-endpoint { transform:var(--translate-origin); animation-name: shrink-endpoint-title; -webkit-animation-name: shrink-endpoint-title; }
svg#welcome-funnel #endpoint.active > #heading-endpoint { transform:var(--title-endpoint-open); animation-name: grow-endpoint-title; -webkit-animation-name: grow-endpoint-title; }

#icon-endpoint-inventory > #endpoint-inventory-magnifier { fill:var(--cavelo-blue-60) !important; }
@keyframes shrink-icon-endpoint-inventory { from { transform:var(--icon-endpoint-inventory-open); } to { transform:var(--icon-endpoint-inventory-closed); } }
svg#welcome-funnel #endpoint > #icon-endpoint-inventory { transform:var(--icon-endpoint-inventory-closed); animation-name: shrink-icon-endpoint-inventory; -webkit-animation-name: shrink-icon-endpoint-inventory; }
@keyframes grow-icon-endpoint-inventory { from { transform:var(--icon-endpoint-inventory-closed); } to { transform:var(--icon-endpoint-inventory-open); } }
svg#welcome-funnel #endpoint.active > #icon-endpoint-inventory { transform:var(--icon-endpoint-inventory-open); animation-name: grow-icon-endpoint-inventory; -webkit-animation-name: grow-icon-endpoint-inventory; }

@keyframes shrink-icon-endpoint-vulnerability { from { transform:var(--icon-endpoint-vulnerability-open); } to { transform:var(--icon-endpoint-vulnerability-closed); } }
svg#welcome-funnel #endpoint > #icon-endpoint-vulnerability { transform:var(--icon-endpoint-vulnerability-closed); animation-name: shrink-icon-endpoint-vulnerability; -webkit-animation-name: shrink-icon-endpoint-vulnerability; }
@keyframes grow-icon-endpoint-vulnerability { from { transform:var(--icon-endpoint-vulnerability-closed); } to { transform:var(--icon-endpoint-vulnerability-open); } }
svg#welcome-funnel #endpoint.active > #icon-endpoint-vulnerability { transform:var(--icon-endpoint-vulnerability-open); animation-name: grow-icon-endpoint-vulnerability; -webkit-animation-name: grow-icon-endpoint-vulnerability; }

#icon-endpoint-software > #endpoint-software-window-middle { fill:var(--cavelo-blue-60) !important; }
@keyframes shrink-icon-endpoint-software { from { transform:var(--icon-endpoint-software-open); } to { transform:var(--icon-endpoint-software-closed); } }
svg#welcome-funnel #endpoint > #icon-endpoint-software { transform:var(--icon-endpoint-software-closed); animation-name: shrink-icon-endpoint-software; -webkit-animation-name: shrink-icon-endpoint-software; }
@keyframes grow-icon-endpoint-software { from { transform:var(--icon-endpoint-software-closed); } to { transform:var(--icon-endpoint-software-open); } }
svg#welcome-funnel #endpoint.active > #icon-endpoint-software { transform:var(--icon-endpoint-software-open); animation-name: grow-icon-endpoint-software; -webkit-animation-name: grow-icon-endpoint-software; }

@keyframes shrink-title-endpoint-inventory { from { transform:var(--title-endpoint-inventory-open); opacity:1; } to { transform:var(--title-endpoint-inventory-closed); opacity:0; } }
svg#welcome-funnel #endpoint > #links-endpoint-inventory,
svg#welcome-funnel #endpoint > #title-endpoint-inventory { transform:var(--title-endpoint-inventory-closed); opacity:0; animation-name: shrink-title-endpoint-inventory; -webkit-animation-name: shrink-title-endpoint-inventory; }
@keyframes grow-title-endpoint-inventory { from { transform:var(--title-endpoint-inventory-closed); opacity:0; } to { transform:var(--title-endpoint-inventory-open); opacity:1; } }
svg#welcome-funnel #endpoint.active > #links-endpoint-inventory,
svg#welcome-funnel #endpoint.active > #title-endpoint-inventory { transform:var(--title-endpoint-inventory-open); opacity:1; animation-name: grow-title-endpoint-inventory; -webkit-animation-name: grow-title-endpoint-inventory; }

@keyframes shrink-title-endpoint-vulnerability { from { transform:var(--title-endpoint-vulnerability-open); opacity:1; } to { transform:var(--title-endpoint-vulnerability-closed); opacity:0; } }
svg#welcome-funnel #endpoint > #links-endpoint-vulnerability,
svg#welcome-funnel #endpoint > #title-endpoint-vulnerability { transform:var(--title-endpoint-vulnerability-closed); opacity:0; animation-name: shrink-title-endpoint-vulnerability; -webkit-animation-name: shrink-title-endpoint-vulnerability; }
@keyframes grow-title-endpoint-vulnerability { from { transform:var(--title-endpoint-vulnerability-closed); opacity:0; } to { transform:var(--title-endpoint-vulnerability-open); opacity:1; } }
svg#welcome-funnel #endpoint.active > #links-endpoint-vulnerability,
svg#welcome-funnel #endpoint.active > #title-endpoint-vulnerability { transform:var(--title-endpoint-vulnerability-open); opacity:1; animation-name: grow-title-endpoint-vulnerability; -webkit-animation-name: grow-title-endpoint-vulnerability; }

@keyframes shrink-title-endpoint-software { from { transform:var(--title-endpoint-software-open); opacity:1; } to { transform:var(--title-endpoint-software-closed); opacity:0; } }
svg#welcome-funnel #endpoint > #links-endpoint-software,
svg#welcome-funnel #endpoint > #title-endpoint-software { transform:var(--title-endpoint-software-closed); opacity:0; animation-name: shrink-title-endpoint-software; -webkit-animation-name: shrink-title-endpoint-software; }
@keyframes grow-title-endpoint-software { from { transform:var(--title-endpoint-software-closed); opacity:0; } to { transform:var(--title-endpoint-software-open); opacity:1; } }
svg#welcome-funnel #endpoint.active > #links-endpoint-software,
svg#welcome-funnel #endpoint.active > #title-endpoint-software { transform:var(--title-endpoint-software-open); opacity:1; animation-name: grow-title-endpoint-software; -webkit-animation-name: grow-title-endpoint-software; }


/*PLATFORM*/
svg#welcome-funnel #platform g[id^="icon-"] > * {
    fill-opacity:1 !important;
    fill:var(--cavelo-white) !important;
    stroke:var(--cavelo-black) !important;
}
svg#welcome-funnel #platform #platform-cloud-cloud { fill:var(--cavelo-blue-20) !important; }
svg#welcome-funnel #platform #platform-agent-laptop { fill:var(--cavelo-blue-20) !important; }
svg#welcome-funnel #platform #platform-agent-laptop-screen { fill:var(--cavelo-blue-20) !important; }

@keyframes grow-platform-section { from { transform:var(--scale-origin); } to { transform:var(--section-platform-open); } }
@keyframes shrink-platform-section { from { transform:var(--section-platform-open); } to { transform:var(--scale-origin); } }
svg#welcome-funnel #platform:not(.active) > #circle-platform { transform:var(--scale-origin); animation-name: shrink-platform-section; -webkit-animation-name: shrink-platform-section; }
svg#welcome-funnel #platform.active > #circle-platform { transform:var(--section-platform-open); animation-name: grow-platform-section; -webkit-animation-name: grow-platform-section; }
@keyframes grow-platform-title { from { transform:var(--translate-origin); } to { transform:var(--title-platform-open); } }
@keyframes shrink-platform-title { from { transform:var(--title-platform-open); } to { transform:var(--translate-origin); } }
svg#welcome-funnel #platform:not(.active) > #heading-platform { transform:var(--translate-origin); animation-name: shrink-platform-title; -webkit-animation-name: shrink-platform-title; }
svg#welcome-funnel #platform.active > #heading-platform { transform:var(--title-platform-open); animation-name: grow-platform-title; -webkit-animation-name: grow-platform-title; }

@keyframes shrink-icon-platform-agent { from { transform:var(--icon-platform-agent-open); } to { transform:var(--icon-platform-agent-closed); } }
svg#welcome-funnel #platform > #icon-platform-agent { transform:var(--icon-platform-agent-closed); animation-name: shrink-icon-platform-agent; -webkit-animation-name: shrink-icon-platform-agent; }
@keyframes grow-icon-platform-agent { from { transform:var(--icon-platform-agent-closed); } to { transform:var(--icon-platform-agent-open); } }
svg#welcome-funnel #platform.active > #icon-platform-agent { transform:var(--icon-platform-agent-open); animation-name: grow-icon-platform-agent; -webkit-animation-name: grow-icon-platform-agent; }

@keyframes shrink-icon-platform-cloud { from { transform:var(--icon-platform-cloud-open); } to { transform:var(--icon-platform-cloud-closed); } }
svg#welcome-funnel #platform > #icon-platform-cloud { transform:var(--icon-platform-cloud-closed); animation-name: shrink-icon-platform-cloud; -webkit-animation-name: shrink-icon-platform-cloud; }
@keyframes grow-icon-platform-cloud { from { transform:var(--icon-platform-cloud-closed); } to { transform:var(--icon-platform-cloud-open); } }
svg#welcome-funnel #platform.active > #icon-platform-cloud { transform:var(--icon-platform-cloud-open); animation-name: grow-icon-platform-cloud; -webkit-animation-name: grow-icon-platform-cloud; }

@keyframes shrink-title-platform-agent { from { transform:var(--title-platform-agent-open); opacity:1; } to { transform:var(--title-platform-agent-closed); opacity:0; } }
svg#welcome-funnel #platform > #links-platform-agent,
svg#welcome-funnel #platform > #title-platform-agent { transform:var(--title-platform-agent-closed); opacity:0; animation-name: shrink-title-platform-agent; -webkit-animation-name: shrink-title-platform-agent; }
@keyframes grow-title-platform-agent { from { transform:var(--title-platform-agent-closed); opacity:0; } to { transform:var(--title-platform-agent-open); opacity:1; } }
svg#welcome-funnel #platform.active > #links-platform-agent,
svg#welcome-funnel #platform.active > #title-platform-agent { transform:var(--title-platform-agent-open); opacity:1; animation-name: grow-title-platform-agent; -webkit-animation-name: grow-title-platform-agent; }

@keyframes shrink-title-platform-cloud { from { transform:var(--title-platform-cloud-open); opacity:1; } to { transform:var(--title-platform-cloud-closed); opacity:0; } }
svg#welcome-funnel #platform > #links-platform-cloud,
svg#welcome-funnel #platform > #title-platform-cloud { transform:var(--title-platform-cloud-closed); opacity:0; animation-name: shrink-title-platform-cloud; -webkit-animation-name: shrink-title-platform-cloud; }
@keyframes grow-title-platform-cloud { from { transform:var(--title-platform-cloud-closed); opacity:0; } to { transform:var(--title-platform-cloud-open); opacity:1; } }
svg#welcome-funnel #platform.active > #links-platform-cloud,
svg#welcome-funnel #platform.active > #title-platform-cloud { transform:var(--title-platform-cloud-open); opacity:1; animation-name: grow-title-platform-cloud; -webkit-animation-name: grow-title-platform-cloud; }


/*PERIMETER*/
svg#welcome-funnel #perimeter g[id^="icon-"] > * {
    fill-opacity:1 !important;
    fill:var(--cavelo-white) !important;
    stroke:var(--cavelo-black) !important;
}
svg#welcome-funnel #perimeter #perimeter-external-globe { fill:var(--cavelo-blue-20) !important; }
svg#welcome-funnel #perimeter #perimeter-internal-building { fill:var(--cavelo-blue-20) !important; }

@keyframes grow-perimeter-section { from { transform:var(--scale-origin); } to { transform:var(--section-perimeter-open); } }
@keyframes shrink-perimeter-section { from { transform:var(--section-perimeter-open); } to { transform:var(--scale-origin); } }
svg#welcome-funnel #perimeter:not(.active) > #circle-perimeter { transform:var(--scale-origin); animation-name: shrink-perimeter-section; -webkit-animation-name: shrink-perimeter-section; }
svg#welcome-funnel #perimeter.active > #circle-perimeter { transform:var(--section-perimeter-open); animation-name: grow-perimeter-section; -webkit-animation-name: grow-perimeter-section; }
@keyframes grow-perimeter-title { from { transform:var(--translate-origin); } to { transform:var(--title-perimeter-open); } }
@keyframes shrink-perimeter-title { from { transform:var(--title-perimeter-open); } to { transform:var(--translate-origin); } }
svg#welcome-funnel #perimeter:not(.active) > #heading-perimeter { transform:var(--translate-origin); animation-name: shrink-perimeter-title; -webkit-animation-name: shrink-perimeter-title; }
svg#welcome-funnel #perimeter.active > #heading-perimeter { transform:var(--title-perimeter-open); animation-name: grow-perimeter-title; -webkit-animation-name: grow-perimeter-title; }

@keyframes shrink-icon-perimeter-internal { from { transform:var(--icon-perimeter-internal-open); } to { transform:var(--icon-perimeter-internal-closed); } }
svg#welcome-funnel #perimeter > #icon-perimeter-internal { transform:var(--icon-perimeter-internal-closed); animation-name: shrink-icon-perimeter-internal; -webkit-animation-name: shrink-icon-perimeter-internal; }
@keyframes grow-icon-perimeter-internal { from { transform:var(--icon-perimeter-internal-closed); } to { transform:var(--icon-perimeter-internal-open); } }
svg#welcome-funnel #perimeter.active > #icon-perimeter-internal { transform:var(--icon-perimeter-internal-open); animation-name: grow-icon-perimeter-internal; -webkit-animation-name: grow-icon-perimeter-internal; }

@keyframes shrink-icon-perimeter-external { from { transform:var(--icon-perimeter-external-open); } to { transform:var(--icon-perimeter-external-closed); } }
svg#welcome-funnel #perimeter > #icon-perimeter-external { transform:var(--icon-perimeter-external-closed); animation-name: shrink-icon-perimeter-external; -webkit-animation-name: shrink-icon-perimeter-external; }
@keyframes grow-icon-perimeter-external { from { transform:var(--icon-perimeter-external-closed); } to { transform:var(--icon-perimeter-external-open); } }
svg#welcome-funnel #perimeter.active > #icon-perimeter-external { transform:var(--icon-perimeter-external-open); animation-name: grow-icon-perimeter-external; -webkit-animation-name: grow-icon-perimeter-external; }

@keyframes shrink-title-perimeter-internal { from { transform:var(--title-perimeter-internal-open); opacity:1; } to { transform:var(--title-perimeter-internal-closed); opacity:0; } }
svg#welcome-funnel #perimeter > #links-perimeter-internal,
svg#welcome-funnel #perimeter > #title-perimeter-internal { transform:var(--title-perimeter-internal-closed); opacity:0; animation-name: shrink-title-perimeter-internal; -webkit-animation-name: shrink-title-perimeter-internal; }
@keyframes grow-title-perimeter-internal { from { transform:var(--title-perimeter-internal-closed); opacity:0; } to { transform:var(--title-perimeter-internal-open); opacity:1; } }
svg#welcome-funnel #perimeter.active > #links-perimeter-internal,
svg#welcome-funnel #perimeter.active > #title-perimeter-internal { transform:var(--title-perimeter-internal-open); opacity:1; animation-name: grow-title-perimeter-internal; -webkit-animation-name: grow-title-perimeter-internal; }

@keyframes shrink-title-perimeter-external { from { transform:var(--title-perimeter-external-open); opacity:1; } to { transform:var(--title-perimeter-external-closed); opacity:0; } }
svg#welcome-funnel #perimeter > #links-perimeter-external,
svg#welcome-funnel #perimeter > #title-perimeter-external { transform:var(--title-perimeter-external-closed); opacity:0; animation-name: shrink-title-perimeter-external; -webkit-animation-name: shrink-title-perimeter-external; }
@keyframes grow-title-perimeter-external { from { transform:var(--title-perimeter-external-closed); opacity:0; } to { transform:var(--title-perimeter-external-open); opacity:1; } }
svg#welcome-funnel #perimeter.active > #links-perimeter-external,
svg#welcome-funnel #perimeter.active > #title-perimeter-external { transform:var(--title-perimeter-external-open); opacity:1; animation-name: grow-title-perimeter-external; -webkit-animation-name: grow-title-perimeter-external; }


/* ACTIONS */


svg#welcome-funnel #actions g[id^="icon-"] > * {
    fill-opacity:1 !important;
    fill:var(--cavelo-orange-20) !important;
    stroke:var(--cavelo-black) !important;
}
svg#welcome-funnel #actions #reporting-screen { fill:var(--cavelo-orange) !important; }
svg#welcome-funnel #actions #alerting-bubble { fill:var(--cavelo-orange) !important; }
svg#welcome-funnel #actions #monitoring-clock { fill:var(--cavelo-orange) !important; }
svg#welcome-funnel #actions #setting-cog { fill:var(--cavelo-orange) !important; }

@keyframes shrink-icon-actions-reporting { from { transform:var(--icon-actions-reporting-open); } to { transform:var(--icon-actions-reporting-closed); } }
svg#welcome-funnel #actions > #icon-actions-reporting { transform:var(--icon-actions-reporting-closed); animation-name: shrink-icon-actions-reporting; -webkit-animation-name: shrink-icon-actions-reporting; }
@keyframes grow-icon-actions-reporting { from { transform:var(--icon-actions-reporting-closed); } to { transform:var(--icon-actions-reporting-open); } }
svg#welcome-funnel > g.active ~ #actions > #icon-actions-reporting { transform:var(--icon-actions-reporting-open); animation-name: grow-icon-actions-reporting; -webkit-animation-name: grow-icon-actions-reporting; }

@keyframes shrink-icon-actions-setting { from { transform:var(--icon-actions-setting-open); } to { transform:var(--icon-actions-setting-closed); } }
svg#welcome-funnel #actions > #icon-actions-setting { transform:var(--icon-actions-setting-closed); animation-name: shrink-icon-actions-setting; -webkit-animation-name: shrink-icon-actions-setting; }
@keyframes grow-icon-actions-setting { from { transform:var(--icon-actions-setting-closed); } to { transform:var(--icon-actions-setting-open); } }
svg#welcome-funnel > g.active ~ #actions > #icon-actions-setting { transform:var(--icon-actions-setting-open); animation-name: grow-icon-actions-setting; -webkit-animation-name: grow-icon-actions-setting; }

@keyframes shrink-icon-actions-alerting { from { transform:var(--icon-actions-alerting-open); } to { transform:var(--icon-actions-alerting-closed); } }
svg#welcome-funnel #actions > #icon-actions-alerting { transform:var(--icon-actions-alerting-closed); animation-name: shrink-icon-actions-alerting; -webkit-animation-name: shrink-icon-actions-alerting; }
@keyframes grow-icon-actions-alerting { from { transform:var(--icon-actions-alerting-closed); } to { transform:var(--icon-actions-alerting-open); } }
svg#welcome-funnel > g.active ~ #actions > #icon-actions-alerting { transform:var(--icon-actions-alerting-open); animation-name: grow-icon-actions-alerting; -webkit-animation-name: grow-icon-actions-alerting; }

@keyframes shrink-icon-actions-monitoring { from { transform:var(--icon-actions-monitoring-open); } to { transform:var(--icon-actions-monitoring-closed); } }
svg#welcome-funnel #actions > #icon-actions-monitoring { transform:var(--icon-actions-monitoring-closed); animation-name: shrink-icon-actions-monitoring; -webkit-animation-name: shrink-icon-actions-monitoring; }
@keyframes grow-icon-actions-monitoring { from { transform:var(--icon-actions-monitoring-closed); } to { transform:var(--icon-actions-monitoring-open); } }
svg#welcome-funnel > g.active ~ #actions > #icon-actions-monitoring { transform:var(--icon-actions-monitoring-open); animation-name: grow-icon-actions-monitoring; -webkit-animation-name: grow-icon-actions-monitoring; }





g#g3206 { display:none !important; }