.cv-foot__night, .cv-foot__life { display: none; }
html.cv-shelf-on.cv-worlds-on .cv-foot__night, html.cv-shelf-on.cv-worlds-on .cv-foot__life { display: block; position: absolute; left: 0; right: 0; height: 0; pointer-events: none; }
html.cv-shelf-on.cv-worlds-on .cv-foot__night { z-index: -2; }
html.cv-shelf-on.cv-worlds-on .cv-foot__life { z-index: -1; }
html.cv-shelf-on.cv-worlds-on .cv-foot__night::before { content: ""; position: absolute; left: 0; right: 0; bottom: -150px; height: 1040px; background: url(/ca/sky/stars-desk.svg) 0 100% no-repeat, url(/ca/sky/stars-desk.svg) 1600px 100% no-repeat; }
@media (min-width: 761px) and (-webkit-max-device-pixel-ratio: 1.49), (min-width: 761px) and (max-resolution: 1.49dppx) { html.cv-shelf-on.cv-worlds-on .cv-foot__night::before { background-image: url(/ca/sky/stars-desk1x.svg), url(/ca/sky/stars-desk1x.svg); } }
html.cv-shelf-on.cv-worlds-on .cv-foot::after { content: ""; position: absolute; z-index: -2; top: 0; left: 0; right: 0; height: 6rem; pointer-events: none; background: linear-gradient(180deg, var(--seam-foot), rgba(14, 18, 29, 0)); }
.cv-foot__life i { position: absolute; width: 2px; height: 2px; border-radius: 50%; background: #eef3ff; opacity: .62; transform: scale(.45); }
.cv-foot__life i:nth-child(-n+2) { width: 25px; height: 25px; margin: -12.5px 0 0 -12.5px; border-radius: 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-12 -12 24 24'%3E%3CradialGradient id='s' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='12'%3E%3Cstop offset='0' stop-color='%23fff'/%3E%3Cstop offset='.16' stop-color='%23fff'/%3E%3Cstop offset='.42' stop-color='%23e9f0ff' stop-opacity='.62'/%3E%3Cstop offset='1' stop-color='%23dfe8ff' stop-opacity='0'/%3E%3C/radialGradient%3E%3Cpath fill='url(%23s)' d='M0-12L.8-.8 9 0 .8.8 0 12-.8.8-9 0-.8-.8ZM.9 0A.9.9 0 1 0-.9 0A.9.9 0 1 0 .9 0Z'/%3E%3C/svg%3E") 50% 50% / 100% 100% no-repeat; }
.cv-foot__life i:nth-child(11) { background: #ffd9b6; }
.cv-foot__life b { position: absolute; top: -1.5px; left: -230px; width: 230px; height: 3px; opacity: 0; transform-origin: 100% 50%; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='230' height='3' viewBox='0 0 230 3'%3E%3ClinearGradient id='t'%3E%3Cstop offset='0' stop-color='%23cfdcff' stop-opacity='0'/%3E%3Cstop offset='.62' stop-color='%23dfe8ff' stop-opacity='.42'/%3E%3Cstop offset='.93' stop-color='%23f4f7ff' stop-opacity='.95'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23t)' d='M0 1.5 229 .7a.8.8 0 0 1 0 1.6Z'/%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat; }
.cv-foot__life i:nth-child(3) { width: 1.4px; height: 1.4px; }
.cv-foot__life i:nth-child(4) { width: 1.8px; height: 1.8px; }
.cv-foot__life i:nth-child(5) { width: 2.8px; height: 2.8px; }
.cv-foot__life i:nth-child(6) { width: 1.5px; height: 1.5px; }
.cv-foot__life i:nth-child(7) { width: 2px; height: 2px; }
.cv-foot__life i:nth-child(8) { width: 1.7px; height: 1.7px; }
.cv-foot__life i:nth-child(9) { width: 2.4px; height: 2.4px; }
.cv-foot__life i:nth-child(10) { width: 1.6px; height: 1.6px; }
.cv-foot__life i:nth-child(11) { width: 2.2px; height: 2.2px; }
.cv-foot__life i:nth-child(12) { width: 1.4px; height: 1.4px; }
.cv-foot__life i:nth-child(13) { width: 1.8px; height: 1.8px; }
.cv-foot__life i:nth-child(14) { width: 2.8px; height: 2.8px; }
.cv-foot__life i:nth-child(15) { width: 1.5px; height: 1.5px; }
.cv-foot__life i:nth-child(16) { width: 2px; height: 2px; }
.cv-foot__life i:nth-child(17) { width: 1.7px; height: 1.7px; }
.cv-foot__life i:nth-child(18) { width: 2.4px; height: 2.4px; }
.cv-foot__life i:nth-child(19) { width: 1.6px; height: 1.6px; }
.cv-foot__life i:nth-child(20) { width: 2.2px; height: 2.2px; }
.cv-foot__life i:nth-child(21) { width: 1.4px; height: 1.4px; }
.cv-foot__life i:nth-child(22) { width: 1.8px; height: 1.8px; }
.cv-foot__life i:nth-child(23) { width: 2.8px; height: 2.8px; }
.cv-foot__life i:nth-child(24) { width: 1.5px; height: 1.5px; }
.cv-foot__life i:nth-child(25) { width: 2px; height: 2px; }
.cv-foot__life i:nth-child(26) { width: 1.7px; height: 1.7px; }
.cv-foot__life i:nth-child(1) { left: 63.03%; top: -164px; }
.cv-foot__life i:nth-child(2) { left: 86.37%; top: -75px; }
.cv-foot__life i:nth-child(3) { left: 93.29%; top: -518px; }
.cv-foot__life i:nth-child(4) { left: 70.13%; top: -108px; }
.cv-foot__life i:nth-child(5) { left: 47.88%; top: -166px; }
.cv-foot__life i:nth-child(6) { left: 94.32%; top: -411px; }
.cv-foot__life i:nth-child(7) { left: 2.39%; top: -268px; }
.cv-foot__life i:nth-child(8) { left: 82.76%; top: -143px; }
.cv-foot__life i:nth-child(9) { left: 28%; top: -35px; }
.cv-foot__life i:nth-child(10) { left: 6.32%; top: -53px; }
.cv-foot__life i:nth-child(11) { left: 75.33%; top: -88px; }
.cv-foot__life i:nth-child(12) { left: 42.8%; top: -151px; }
.cv-foot__life i:nth-child(13) { left: 91.48%; top: -104px; }
.cv-foot__life i:nth-child(14) { left: 47.45%; top: -41px; }
.cv-foot__life i:nth-child(15) { left: 98.04%; top: -293px; }
.cv-foot__life i:nth-child(16) { left: 1.77%; top: -150px; }
.cv-foot__life i:nth-child(17) { left: 53.22%; top: -142px; }
.cv-foot__life i:nth-child(18) { left: 58.66%; top: -48px; }
.cv-foot__life i:nth-child(19) { left: 52.73%; top: -51px; }
.cv-foot__life i:nth-child(20) { left: 34.86%; top: -60px; }
.cv-foot__life i:nth-child(21) { left: 80.82%; top: -226px; }
.cv-foot__life i:nth-child(22) { left: 95.18%; top: -166px; }
.cv-foot__life i:nth-child(23) { left: 49.84%; top: -507px; }
.cv-foot__life i:nth-child(24) { left: 12.93%; top: -71px; }
.cv-foot__life i:nth-child(25) { left: 66.27%; top: -49px; }
.cv-foot__life i:nth-child(26) { left: 85.99%; top: -209px; }
@media (max-width: 760px) {
html.cv-shelf-on.cv-worlds-on .cv-foot__night::before { bottom: -150px; height: 1100px; background: url(/ca/sky/stars-phone.svg) 0 100% no-repeat, url(/ca/sky/stars-phone.svg) 520px 100% no-repeat; }
.cv-foot__life b { left: -150px; width: 150px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='3' viewBox='0 0 150 3'%3E%3ClinearGradient id='t'%3E%3Cstop offset='0' stop-color='%23cfdcff' stop-opacity='0'/%3E%3Cstop offset='.62' stop-color='%23dfe8ff' stop-opacity='.42'/%3E%3Cstop offset='.93' stop-color='%23f4f7ff' stop-opacity='.95'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23t)' d='M0 1.5 149 .7a.8.8 0 0 1 0 1.6Z'/%3E%3C/svg%3E"); }
.cv-foot__life i:nth-child(1) { left: 80.51%; top: -679px; }
.cv-foot__life i:nth-child(2) { left: 94.58%; top: -396px; }
.cv-foot__life i:nth-child(3) { left: 95.48%; top: -660px; }
.cv-foot__life i:nth-child(4) { left: 44.45%; top: -120px; }
.cv-foot__life i:nth-child(5) { left: 49.61%; top: -75px; }
.cv-foot__life i:nth-child(6) { left: 73.89%; top: -130px; }
.cv-foot__life i:nth-child(7) { left: 72.7%; top: -75px; }
.cv-foot__life i:nth-child(8) { left: 50.15%; top: -355px; }
.cv-foot__life i:nth-child(9) { left: 90.92%; top: -583px; }
.cv-foot__life i:nth-child(10) { left: 17.95%; top: -57px; }
.cv-foot__life i:nth-child(11) { left: 95.96%; top: -156px; }
.cv-foot__life i:nth-child(12) { left: 92.61%; top: -478px; }
.cv-foot__life i:nth-child(13) { left: 63.16%; top: -121px; }
.cv-foot__life i:nth-child(14) { left: 37.35%; top: -644px; }
.cv-foot__life i:nth-child(15) { left: 37.96%; top: -450px; }
.cv-foot__life i:nth-child(16) { left: 63.98%; top: -45px; }
.cv-foot__life i:nth-child(17) { left: 69.8%; top: -183px; }
.cv-foot__life i:nth-child(18) { left: 85.34%; top: -168px; }
.cv-foot__life i:nth-child(19) { left: 32.31%; top: -396px; }
.cv-foot__life i:nth-child(20) { left: 2.56%; top: -209px; }
.cv-foot__life i:nth-child(21) { left: 44.33%; top: -281px; }
.cv-foot__life i:nth-child(22) { left: 87.14%; top: -56px; }
.cv-foot__life i:nth-child(23) { left: 5.03%; top: -400px; }
.cv-foot__life i:nth-child(24) { left: 89.2%; top: -525px; }
.cv-foot__life i:nth-child(25) { left: 41.12%; top: -536px; }
.cv-foot__life i:nth-child(26) { left: 78.39%; top: -31px; }
}
@media (prefers-reduced-motion: no-preference) {
@keyframes cv-tw-breathe { 0%, 100% { opacity: .55; transform: scale(.42); } 50% { opacity: 1; transform: scale(1); } }
@keyframes cv-tw-flicker { 0%, 100% { opacity: .6; transform: scale(.46); } 18% { opacity: .95; transform: scale(.86); } 31% { opacity: .62; transform: scale(.5); } 47% { opacity: 1; transform: scale(1); } 63% { opacity: .58; transform: scale(.44); } }
@keyframes cv-tw-glint { 0%, 62%, 100% { opacity: .55; transform: scale(.42); } 74% { opacity: 1; transform: scale(1.08); } 86% { opacity: .62; transform: scale(.5); } }
@keyframes cv-comet { 0% { opacity: 0; transform: translate3d(92vw, -200px, 0) rotate(170.3deg) scaleX(0.12); animation-timing-function: cubic-bezier(.3, .2, .7, .9); } .198% { opacity: 1; } .877% { opacity: .92; } 1.414% { opacity: 0; transform: translate3d(57vw, -114px, 0) rotate(170.3deg) scaleX(1); } 18.75% { opacity: 0; transform: translate3d(15vw, 26px, 0) rotate(6.1deg) scaleX(0.12); animation-timing-function: cubic-bezier(.3, .2, .7, .9); } 18.937% { opacity: 1; } 19.578% { opacity: .92; } 20.086% { opacity: 0; transform: translate3d(46vw, 74px, 0) rotate(6.1deg) scaleX(1); } 33.75% { opacity: 0; transform: translate3d(96vw, -120px, 0) rotate(170.7deg) scaleX(0.12); animation-timing-function: cubic-bezier(.3, .2, .7, .9); } 33.945% { opacity: 1; } 34.615% { opacity: .92; } 35.145% { opacity: 0; transform: translate3d(62vw, -40px, 0) rotate(170.7deg) scaleX(1); } 57.5% { opacity: 0; transform: translate3d(45vw, -170px, 0) rotate(8.5deg) scaleX(0.12); animation-timing-function: cubic-bezier(.3, .2, .7, .9); } 57.708% { opacity: 1; } 58.421% { opacity: .92; } 58.985% { opacity: 0; transform: translate3d(84vw, -86px, 0) rotate(8.5deg) scaleX(1); } 76.25% { opacity: 0; transform: translate3d(90vw, 18px, 0) rotate(172.8deg) scaleX(0.12); animation-timing-function: cubic-bezier(.3, .2, .7, .9); } 76.44% { opacity: 1; } 77.09% { opacity: .92; } 77.606% { opacity: 0; transform: translate3d(58vw, 76px, 0) rotate(172.8deg) scaleX(1); } }
@keyframes cv-comet-phone { 0% { opacity: 0; transform: translate3d(97vw, 34px, 0) rotate(168.2deg) scaleX(0.12); animation-timing-function: cubic-bezier(.3, .2, .7, .9); } .149% { opacity: 1; } .662% { opacity: .92; } 1.068% { opacity: 0; transform: translate3d(40vw, 82px, 0) rotate(168.2deg) scaleX(1); } 18.75% { opacity: 0; transform: translate3d(98vw, -166px, 0) rotate(164.7deg) scaleX(0.12); animation-timing-function: cubic-bezier(.3, .2, .7, .9); } 18.896% { opacity: 1; } 19.395% { opacity: .92; } 19.791% { opacity: 0; transform: translate3d(47vw, -110px, 0) rotate(164.7deg) scaleX(1); } 33.75% { opacity: 0; transform: translate3d(5vw, 40px, 0) rotate(12deg) scaleX(0.12); animation-timing-function: cubic-bezier(.3, .2, .7, .9); } 33.902% { opacity: 1; } 34.425% { opacity: .92; } 34.838% { opacity: 0; transform: translate3d(66vw, 92px, 0) rotate(12deg) scaleX(1); } 57.5% { opacity: 0; transform: translate3d(93vw, 26px, 0) rotate(171.3deg) scaleX(0.12); animation-timing-function: cubic-bezier(.3, .2, .7, .9); } 57.655% { opacity: 1; } 58.185% { opacity: .92; } 58.605% { opacity: 0; transform: translate3d(28vw, 66px, 0) rotate(171.3deg) scaleX(1); } 76.25% { opacity: 0; transform: translate3d(46vw, -176px, 0) rotate(15.8deg) scaleX(0.12); animation-timing-function: cubic-bezier(.3, .2, .7, .9); } 76.396% { opacity: 1; } 76.896% { opacity: .92; } 77.291% { opacity: 0; transform: translate3d(97vw, -118px, 0) rotate(15.8deg) scaleX(1); } }
.cv-foot__life.is-near i { animation: cv-tw-breathe 5s ease-in-out infinite; }
.cv-foot__life.is-near i:nth-child(1) { animation-name: cv-tw-breathe; animation-duration: 3.7s; animation-delay: -5.5s; }
.cv-foot__life.is-near i:nth-child(2) { animation-name: cv-tw-glint; animation-duration: 12.1s; animation-delay: -7.7s; }
.cv-foot__life.is-near i:nth-child(3) { animation-name: cv-tw-breathe; animation-duration: 6.1s; animation-delay: -7.7s; }
.cv-foot__life.is-near i:nth-child(4) { animation-name: cv-tw-flicker; animation-duration: 9.7s; animation-delay: -6.6s; }
.cv-foot__life.is-near i:nth-child(5) { animation-name: cv-tw-glint; animation-duration: 10.7s; animation-delay: -2.1s; }
.cv-foot__life.is-near i:nth-child(6) { animation-name: cv-tw-breathe; animation-duration: 5.3s; animation-delay: -2.4s; }
.cv-foot__life.is-near i:nth-child(7) { animation-name: cv-tw-glint; animation-duration: 6.7s; animation-delay: -7.7s; }
.cv-foot__life.is-near i:nth-child(8) { animation-name: cv-tw-flicker; animation-duration: 8.9s; animation-delay: -9s; }
.cv-foot__life.is-near i:nth-child(9) { animation-name: cv-tw-breathe; animation-duration: 4.3s; animation-delay: -2.9s; }
.cv-foot__life.is-near i:nth-child(10) { animation-name: cv-tw-glint; animation-duration: 4.9s; animation-delay: -4.6s; }
.cv-foot__life.is-near i:nth-child(11) { animation-name: cv-tw-breathe; animation-duration: 7.3s; animation-delay: -1.1s; }
.cv-foot__life.is-near i:nth-child(12) { animation-name: cv-tw-flicker; animation-duration: 3.7s; animation-delay: -2.1s; }
.cv-foot__life.is-near i:nth-child(13) { animation-name: cv-tw-glint; animation-duration: 12.1s; animation-delay: -8.7s; }
.cv-foot__life.is-near i:nth-child(14) { animation-name: cv-tw-breathe; animation-duration: 6.1s; animation-delay: -3.1s; }
.cv-foot__life.is-near i:nth-child(15) { animation-name: cv-tw-glint; animation-duration: 9.7s; animation-delay: -8.3s; }
.cv-foot__life.is-near i:nth-child(16) { animation-name: cv-tw-flicker; animation-duration: 10.7s; animation-delay: -10.5s; }
.cv-foot__life.is-near i:nth-child(17) { animation-name: cv-tw-breathe; animation-duration: 5.3s; animation-delay: -1s; }
.cv-foot__life.is-near i:nth-child(18) { animation-name: cv-tw-glint; animation-duration: 6.7s; animation-delay: -2.7s; }
.cv-foot__life.is-near i:nth-child(19) { animation-name: cv-tw-breathe; animation-duration: 8.9s; animation-delay: -7.1s; }
.cv-foot__life.is-near i:nth-child(20) { animation-name: cv-tw-flicker; animation-duration: 4.3s; animation-delay: -1.3s; }
.cv-foot__life.is-near i:nth-child(21) { animation-name: cv-tw-glint; animation-duration: 4.9s; animation-delay: -6.5s; }
.cv-foot__life.is-near i:nth-child(22) { animation-name: cv-tw-breathe; animation-duration: 7.3s; animation-delay: -7.1s; }
.cv-foot__life.is-near i:nth-child(23) { animation-name: cv-tw-glint; animation-duration: 3.7s; animation-delay: -9.1s; }
.cv-foot__life.is-near i:nth-child(24) { animation-name: cv-tw-flicker; animation-duration: 12.1s; animation-delay: -10.7s; }
.cv-foot__life.is-near i:nth-child(25) { animation-name: cv-tw-breathe; animation-duration: 6.1s; animation-delay: -6.8s; }
.cv-foot__life.is-near i:nth-child(26) { animation-name: cv-tw-glint; animation-duration: 9.7s; animation-delay: -.3s; }
.cv-foot__life.is-near b { animation: cv-comet 80s linear -73s infinite; }
@media (max-width: 760px) { .cv-foot__life.is-near b { animation-name: cv-comet-phone; } }
html.cv-dim-open .cv-foot__life * { animation-play-state: paused; }
}
