');-webkit-background-clip:text;background-clip:text;color:transparent}.Logo__Container .Logo .text{font-size:14.4px;font-style:italic;color:#9ac6c9}.Logo__Container .Logo .stateof{top:0;left:0}.Logo__Container .Logo .year{bottom:0;right:0;text-align:right}.Logo__Container .Logo .triangle{width:43.2px;top:54px;left:4.8px}.Logo__Container .Logo .triangle .inner{width:100%;border:30px solid transparent;border-bottom-color:#3c52d1;border-width:0 21.6px 30px}.Logo__Container .Logo .stripe{height:1.5px;width:30px;background:#9ac6c9}.Logo__Container .Logo .stripe1{top:74.4px;left:28.8px}.Logo__Container .Logo .stripe2{top:80.4px;left:26.4px}.Logo__Container .Logo .stripe3{top:86.4px;left:24px}.Logo__Container .Logo .stripe4{top:92.4px;left:26.4px}.Logo__Container .Logo .blobs{-webkit-filter:url(#blob);filter:url(#blob);left:30px;top:36px;-webkit-transform:rotate(-20deg);transform:rotate(-20deg);width:120px;height:60px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.Logo__Container .Logo .blob{width:50%;height:100%;background:#9ac6c9;border-radius:50%}.Logo__Container .Logo .blob2{-webkit-transform:translateX(-12px);transform:translateX(-12px)}.Logo__Container .Logo .circle{width:76.8px;top:50%;left:calc(50% - 3px)}.Logo__Container .Logo .circle .inner{-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.Logo__Container .Logo .circle .inner div{width:100%;height:0;padding-bottom:100%;border:3px dashed #3c52d1;border-radius:100%;box-sizing:content-box}.Logo__Container .Logo .frame{width:64.8px;right:26.4px;top:50%}.Logo__Container .Logo .frame .inner{-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg)}.Logo__Container .Logo .frame .inner div{border:3px solid #3c52d1;width:100%;height:0;padding-bottom:100%;box-sizing:content-box;box-shadow:2.1px 2.1px 0 0 #9ac6c9}.Logo__Container .Logo .tilde{font-size:33.6px;line-height:1}.Logo__Container .Logo .tilde1{top:24px;right:12px}.Logo__Container .Logo .tilde2{top:30px;right:9.6px}.Logo__Container .Logo .tilde3{top:36px;right:7.2px}@-webkit-keyframes appear{to{opacity:1}}@keyframes appear{to{opacity:1}}@-webkit-keyframes pop{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes pop{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes popspin{0%{-webkit-transform:scale(0) rotate(0);transform:scale(0) rotate(0)}50%{-webkit-transform:scale(1.2) rotate(800deg);transform:scale(1.2) rotate(800deg)}to{-webkit-transform:scale(1) rotate(2turn);transform:scale(1) rotate(2turn)}}@keyframes popspin{0%{-webkit-transform:scale(0) rotate(0);transform:scale(0) rotate(0)}50%{-webkit-transform:scale(1.2) rotate(800deg);transform:scale(1.2) rotate(800deg)}to{-webkit-transform:scale(1) rotate(2turn);transform:scale(1) rotate(2turn)}}@-webkit-keyframes slideleft{0%{opacity:0;-webkit-transform:translateX(40px);transform:translateX(40px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideleft{0%{opacity:0;-webkit-transform:translateX(40px);transform:translateX(40px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideright{0%{opacity:0;-webkit-transform:translateX(-40px);transform:translateX(-40px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideright{0%{opacity:0;-webkit-transform:translateX(-40px);transform:translateX(-40px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slidetop{0%{opacity:0;-webkit-transform:translateY(-200px) rotate(180deg);transform:translateY(-200px) rotate(180deg)}to{opacity:1;-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}}@keyframes slidetop{0%{opacity:0;-webkit-transform:translateY(-200px) rotate(180deg);transform:translateY(-200px) rotate(180deg)}to{opacity:1;-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}}@-webkit-keyframes blob{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}20%{opacity:1}80%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{opacity:1;-webkit-transform:translateX(-40px);transform:translateX(-40px)}}@keyframes blob{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}20%{opacity:1}80%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{opacity:1;-webkit-transform:translateX(-40px);transform:translateX(-40px)}}.Logo__Container .Logo--animated .c>div{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:"pop";animation-name:"pop";-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-delay:.1s;animation-delay:.1s;-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;-webkit-transform:scale(0);transform:scale(0)}.Logo__Container .Logo--animated .s1>div{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:"pop";animation-name:"pop";-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-delay:.2s;animation-delay:.2s;-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;-webkit-transform:scale(0);transform:scale(0)}.Logo__Container .Logo--animated .s2>div{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:"pop";animation-name:"pop";-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;-webkit-transform:scale(0);transform:scale(0)}.Logo__Container .Logo--animated .circle>div>div{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:"popspin";animation-name:"popspin";-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94);-webkit-transform:scale(0);transform:scale(0)}.Logo__Container .Logo--animated .frame{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:"slidetop";animation-name:"slidetop";-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-delay:.8s;animation-delay:.8s;-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94);-webkit-transform:scale(0) translateY(-60px) rotate(180deg);transform:scale(0) translateY(-60px) rotate(180deg)}.Logo__Container .Logo--animated .blob1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:"pop";animation-name:"pop";-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-delay:.9s;animation-delay:.9s;-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;-webkit-transform:scale(0);transform:scale(0)}.Logo__Container .Logo--animated .blob2{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:"blob";animation-name:"blob";-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-delay:1.1s;animation-delay:1.1s;-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.Logo__Container .Logo--animated .stripe1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:"slideleft";animation-name:"slideleft";-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-delay:1.4s;animation-delay:1.4s;-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;-webkit-transform:translateX(12px);transform:translateX(12px)}.Logo__Container .Logo--animated .stripe2{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:"slideleft";animation-name:"slideleft";-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-delay:1.5s;animation-delay:1.5s;-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;-webkit-transform:translateX(12px);transform:translateX(12px)}.Logo__Container .Logo--animated .stripe3{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:"slideleft";animation-name:"slideleft";-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-delay:1.6s;animation-delay:1.6s;-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;-webkit-transform:translateX(12px);transform:translateX(12px)}.Logo__Container .Logo--animated .stripe4{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:"slideleft";animation-name:"slideleft";-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-delay:1.7s;animation-delay:1.7s;-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;-webkit-transform:translateX(12px);transform:translateX(12px)}.Logo__Container .Logo--animated .tilde1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:"slideright";animation-name:"slideright";-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-delay:1.9s;animation-delay:1.9s;-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;-webkit-transform:translateX(-12px);transform:translateX(-12px)}.Logo__Container .Logo--animated .tilde2{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:"slideright";animation-name:"slideright";-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;-webkit-transform:translateX(-12px);transform:translateX(-12px)}.Logo__Container .Logo--animated .tilde3{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:"slideright";animation-name:"slideright";-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-delay:2.1s;animation-delay:2.1s;-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;-webkit-transform:translateX(-12px);transform:translateX(-12px)}.Logo__Container .Logo--animated .triangle{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:"popspin";animation-name:"popspin";-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-delay:2.8s;animation-delay:2.8s;-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94);-webkit-transform:scale(0);transform:scale(0)}.Logo__Container .Logo--animated .stateof{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:"appear";animation-name:"appear";-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-delay:2.2s;animation-delay:2.2s;-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0}.Logo__Container .Logo--animated .year{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:"appear";animation-name:"appear";-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-delay:2.5s;animation-delay:2.5s;-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0}}@media screen and (min-width:600px) and (max-width:999px){.Logo__Container .Logo{text-shadow:none;width:400px;height:200px;position:relative}.Logo__Container .Logo>*{position:absolute}.Logo__Container .Logo .letter{font-size:144px;color:#f649a7;font-weight:800;line-height:1}.Logo__Container .Logo .c{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:48px;text-shadow:5px 5px 0 #3c52d1}.Logo__Container .Logo .s1{left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.Logo__Container .Logo .s2{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:48px}.Logo__Container .Logo .s2 div{text-align:right;background:url('data:image/svg+xml;utf8, ');-webkit-background-clip:text;background-clip:text;color:transparent}.Logo__Container .Logo .text{font-size:24px;font-style:italic;color:#9ac6c9}.Logo__Container .Logo .stateof{top:0;left:0}.Logo__Container .Logo .year{bottom:0;right:0;text-align:right}.Logo__Container .Logo .triangle{width:72px;top:90px;left:8px}.Logo__Container .Logo .triangle .inner{width:100%;border:50px solid transparent;border-bottom-color:#3c52d1;border-width:0 36px 50px}.Logo__Container .Logo .stripe{height:2.5px;width:50px;background:#9ac6c9}.Logo__Container .Logo .stripe1{top:124px;left:48px}.Logo__Container .Logo .stripe2{top:134px;left:44px}.Logo__Container .Logo .stripe3{top:144px;left:40px}.Logo__Container .Logo .stripe4{top:154px;left:44px}.Logo__Container .Logo .blobs{-webkit-filter:url(#blob);filter:url(#blob);left:50px;top:60px;-webkit-transform:rotate(-20deg);transform:rotate(-20deg);width:200px;height:100px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.Logo__Container .Logo .blob{width:50%;height:100%;background:#9ac6c9;border-radius:50%}.Logo__Container .Logo .blob2{-webkit-transform:translateX(-20px);transform:translateX(-20px)}.Logo__Container .Logo .circle{width:128px;top:50%;left:calc(50% - 5px)}.Logo__Container .Logo .circle .inner{-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.Logo__Container .Logo .circle .inner div{width:100%;height:0;padding-bottom:100%;border:5px dashed #3c52d1;border-radius:100%;box-sizing:content-box}.Logo__Container .Logo .frame{width:108px;right:44px;top:50%}.Logo__Container .Logo .frame .inner{-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg)}.Logo__Container .Logo .frame .inner div{border:5px solid #3c52d1;width:100%;height:0;padding-bottom:100%;box-sizing:content-box;box-shadow:3.5px 3.5px 0 0 #9ac6c9}.Logo__Container .Logo .tilde{font-size:56px;line-height:1}.Logo__Container .Logo .tilde1{top:40px;right:20px}.Logo__Container .Logo .tilde2{top:50px;right:16px}.Logo__Container .Logo .tilde3{top:60px;right:12px}@-webkit-keyframes appear{to{opacity:1}}@keyframes appear{to{opacity:1}}@-webkit-keyframes pop{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes pop{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes popspin{0%{-webkit-transform:scale(0) rotate(0);transform:scale(0) rotate(0)}50%{-webkit-transform:scale(1.2) rotate(800deg);transform:scale(1.2) rotate(800deg)}to{-webkit-transform:scale(1) rotate(2turn);transform:scale(1) rotate(2turn)}}@keyframes popspin{0%{-webkit-transform:scale(0) rotate(0);transform:scale(0) rotate(0)}50%{-webkit-transform:scale(1.2) rotate(800deg);transform:scale(1.2) rotate(800deg)}to{-webkit-transform:scale(1) rotate(2turn);transform:scale(1) rotate(2turn)}}@-webkit-keyframes slideleft{0%{opacity:0;-webkit-transform:translateX(40px);transform:translateX(40px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideleft{0%{opacity:0;-webkit-transform:translateX(40px);transform:translateX(40px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideright{0%{opacity:0;-webkit-transform:translateX(-40px);transform:translateX(-40px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideright{0%{opacity:0;-webkit-transform:translateX(-40px);transform:translateX(-40px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slidetop{0%{opacity:0;-webkit-transform:translateY(-200px) rotate(180deg);transform:translateY(-200px) rotate(180deg)}to{opacity:1;-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}}@keyframes slidetop{0%{opacity:0;-webkit-transform:translateY(-200px) rotate(180deg);transform:translateY(-200px) rotate(180deg)}to{opacity:1;-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}}@-webkit-keyframes blob{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}20%{opacity:1}80%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{opacity:1;-webkit-transform:translateX(-40px);transform:translateX(-40px)}}@keyframes blob{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}20%{opacity:1}80%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{opacity:1;-webkit-transform:translateX(-40px);transform:translateX(-40px)}}.Logo__Container .Logo--animated .c>div{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:"pop";animation-name:"pop";-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-delay:.1s;animation-delay:.1s;-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;-webkit-transform:scale(0);transform:scale(0)}.Logo__Container .Logo--animated .s1>div{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:"pop";animation-name:"pop";-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-delay:.2s;animation-delay:.2s;-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;-webkit-transform:scale(0);transform:scale(0)}.Logo__Container .Logo--animated .s2>div{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:"pop";animation-name:"pop";-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;-webkit-transform:scale(0);transform:scale(0)}.Logo__Container .Logo--animated .circle>div>div{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:"popspin";animation-name:"popspin";-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94);-webkit-transform:scale(0);transform:scale(0)}.Logo__Container .Logo--animated .frame{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:"slidetop";animation-name:"slidetop";-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-delay:.8s;animation-delay:.8s;-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94);-webkit-transform:scale(0) translateY(-100px) rotate(180deg);transform:scale(0) translateY(-100px) rotate(180deg)}.Logo__Container .Logo--animated .blob1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:"pop";animation-name:"pop";-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-delay:.9s;animation-delay:.9s;-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;-webkit-transform:scale(0);transform:scale(0)}.Logo__Container .Logo--animated .blob2{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:"blob";animation-name:"blob";-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-delay:1.1s;animation-delay:1.1s;-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.Logo__Container .Logo--animated .stripe1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:"slideleft";animation-name:"slideleft";-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-delay:1.4s;animation-delay:1.4s;-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}.Logo__Container .Logo--animated .stripe2{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:"slideleft";animation-name:"slideleft";-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-delay:1.5s;animation-delay:1.5s;-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}.Logo__Container .Logo--animated .stripe3{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:"slideleft";animation-name:"slideleft";-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-delay:1.6s;animation-delay:1.6s;-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}.Logo__Container .Logo--animated .stripe4{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:"slideleft";animation-name:"slideleft";-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-delay:1.7s;animation-delay:1.7s;-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}.Logo__Container .Logo--animated .tilde1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:"slideright";animation-name:"slideright";-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-delay:1.9s;animation-delay:1.9s;-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}.Logo__Container .Logo--animated .tilde2{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:"slideright";animation-name:"slideright";-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}.Logo__Container .Logo--animated .tilde3{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:"slideright";animation-name:"slideright";-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-delay:2.1s;animation-delay:2.1s;-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}.Logo__Container .Logo--animated .triangle{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:"popspin";animation-name:"popspin";-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-delay:2.8s;animation-delay:2.8s;-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94);-webkit-transform:scale(0);transform:scale(0)}.Logo__Container .Logo--animated .stateof{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:"appear";animation-name:"appear";-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-delay:2.2s;animation-delay:2.2s;-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0}.Logo__Container .Logo--animated .year{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:"appear";animation-name:"appear";-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-delay:2.5s;animation-delay:2.5s;-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0}}@media screen and (min-width:1000px){.Logo__Container .Logo{text-shadow:none;width:640px;height:320px;position:relative}.Logo__Container .Logo>*{position:absolute}.Logo__Container .Logo .letter{font-size:230.4px;color:#f649a7;font-weight:800;line-height:1}.Logo__Container .Logo .c{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:76.8px;text-shadow:8px 8px 0 #3c52d1}.Logo__Container .Logo .s1{left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.Logo__Container .Logo .s2{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:76.8px}.Logo__Container .Logo .s2 div{text-align:right;background:url('data:image/svg+xml;utf8, ');-webkit-background-clip:text;background-clip:text;color:transparent}.Logo__Container .Logo .text{font-size:38.4px;font-style:italic;color:#9ac6c9}.Logo__Container .Logo .stateof{top:0;left:0}.Logo__Container .Logo .year{bottom:0;right:0;text-align:right}.Logo__Container .Logo .triangle{width:115.2px;top:144px;left:12.8px}.Logo__Container .Logo .triangle .inner{width:100%;border:80px solid transparent;border-bottom-color:#3c52d1;border-width:0 57.6px 80px}.Logo__Container .Logo .stripe{height:4px;width:80px;background:#9ac6c9}.Logo__Container .Logo .stripe1{top:198.4px;left:76.8px}.Logo__Container .Logo .stripe2{top:214.4px;left:70.4px}.Logo__Container .Logo .stripe3{top:230.4px;left:64px}.Logo__Container .Logo .stripe4{top:246.4px;left:70.4px}.Logo__Container .Logo .blobs{-webkit-filter:url(#blob);filter:url(#blob);left:80px;top:96px;-webkit-transform:rotate(-20deg);transform:rotate(-20deg);width:320px;height:160px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.Logo__Container .Logo .blob{width:50%;height:100%;background:#9ac6c9;border-radius:50%}.Logo__Container .Logo .blob2{-webkit-transform:translateX(-32px);transform:translateX(-32px)}.Logo__Container .Logo .circle{width:204.8px;top:50%;left:calc(50% - 8px)}.Logo__Container .Logo .circle .inner{-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.Logo__Container .Logo .circle .inner div{width:100%;height:0;padding-bottom:100%;border:8px dashed #3c52d1;border-radius:100%;box-sizing:content-box}.Logo__Container .Logo .frame{width:172.8px;right:70.4px;top:50%}.Logo__Container .Logo .frame .inner{-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg)}.Logo__Container .Logo .frame .inner div{border:8px solid #3c52d1;width:100%;height:0;padding-bottom:100%;box-sizing:content-box;box-shadow:5.6px 5.6px 0 0 #9ac6c9}.Logo__Container .Logo .tilde{font-size:89.6px;line-height:1}.Logo__Container .Logo .tilde1{top:64px;right:32px}.Logo__Container .Logo .tilde2{top:80px;right:25.6px}.Logo__Container .Logo .tilde3{top:96px;right:19.2px}@-webkit-keyframes appear{to{opacity:1}}@keyframes appear{to{opacity:1}}@-webkit-keyframes pop{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes pop{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes popspin{0%{-webkit-transform:scale(0) rotate(0);transform:scale(0) rotate(0)}50%{-webkit-transform:scale(1.2) rotate(800deg);transform:scale(1.2) rotate(800deg)}to{-webkit-transform:scale(1) rotate(2turn);transform:scale(1) rotate(2turn)}}@keyframes popspin{0%{-webkit-transform:scale(0) rotate(0);transform:scale(0) rotate(0)}50%{-webkit-transform:scale(1.2) rotate(800deg);transform:scale(1.2) rotate(800deg)}to{-webkit-transform:scale(1) rotate(2turn);transform:scale(1) rotate(2turn)}}@-webkit-keyframes slideleft{0%{opacity:0;-webkit-transform:translateX(40px);transform:translateX(40px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideleft{0%{opacity:0;-webkit-transform:translateX(40px);transform:translateX(40px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideright{0%{opacity:0;-webkit-transform:translateX(-40px);transform:translateX(-40px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideright{0%{opacity:0;-webkit-transform:translateX(-40px);transform:translateX(-40px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slidetop{0%{opacity:0;-webkit-transform:translateY(-200px) rotate(180deg);transform:translateY(-200px) rotate(180deg)}to{opacity:1;-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}}@keyframes slidetop{0%{opacity:0;-webkit-transform:translateY(-200px) rotate(180deg);transform:translateY(-200px) rotate(180deg)}to{opacity:1;-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}}@-webkit-keyframes blob{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}20%{opacity:1}80%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{opacity:1;-webkit-transform:translateX(-40px);transform:translateX(-40px)}}@keyframes blob{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}20%{opacity:1}80%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{opacity:1;-webkit-transform:translateX(-40px);transform:translateX(-40px)}}.Logo__Container .Logo--animated .c>div{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:"pop";animation-name:"pop";-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-delay:.1s;animation-delay:.1s;-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;-webkit-transform:scale(0);transform:scale(0)}.Logo__Container .Logo--animated .s1>div{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:"pop";animation-name:"pop";-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-delay:.2s;animation-delay:.2s;-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;-webkit-transform:scale(0);transform:scale(0)}.Logo__Container .Logo--animated .s2>div{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:"pop";animation-name:"pop";-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;-webkit-transform:scale(0);transform:scale(0)}.Logo__Container .Logo--animated .circle>div>div{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:"popspin";animation-name:"popspin";-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94);-webkit-transform:scale(0);transform:scale(0)}.Logo__Container .Logo--animated .frame{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:"slidetop";animation-name:"slidetop";-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-delay:.8s;animation-delay:.8s;-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94);-webkit-transform:scale(0) translateY(-160px) rotate(180deg);transform:scale(0) translateY(-160px) rotate(180deg)}.Logo__Container .Logo--animated .blob1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:"pop";animation-name:"pop";-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-delay:.9s;animation-delay:.9s;-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;-webkit-transform:scale(0);transform:scale(0)}.Logo__Container .Logo--animated .blob2{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:"blob";animation-name:"blob";-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-delay:1.1s;animation-delay:1.1s;-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.Logo__Container .Logo--animated .stripe1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:"slideleft";animation-name:"slideleft";-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-delay:1.4s;animation-delay:1.4s;-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;-webkit-transform:translateX(32px);transform:translateX(32px)}.Logo__Container .Logo--animated .stripe2{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:"slideleft";animation-name:"slideleft";-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-delay:1.5s;animation-delay:1.5s;-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;-webkit-transform:translateX(32px);transform:translateX(32px)}.Logo__Container .Logo--animated .stripe3{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:"slideleft";animation-name:"slideleft";-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-delay:1.6s;animation-delay:1.6s;-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;-webkit-transform:translateX(32px);transform:translateX(32px)}.Logo__Container .Logo--animated .stripe4{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:"slideleft";animation-name:"slideleft";-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-delay:1.7s;animation-delay:1.7s;-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;-webkit-transform:translateX(32px);transform:translateX(32px)}.Logo__Container .Logo--animated .tilde1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:"slideright";animation-name:"slideright";-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-delay:1.9s;animation-delay:1.9s;-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;-webkit-transform:translateX(-32px);transform:translateX(-32px)}.Logo__Container .Logo--animated .tilde2{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:"slideright";animation-name:"slideright";-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;-webkit-transform:translateX(-32px);transform:translateX(-32px)}.Logo__Container .Logo--animated .tilde3{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:"slideright";animation-name:"slideright";-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-delay:2.1s;animation-delay:2.1s;-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;-webkit-transform:translateX(-32px);transform:translateX(-32px)}.Logo__Container .Logo--animated .triangle{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:"popspin";animation-name:"popspin";-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-delay:2.8s;animation-delay:2.8s;-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94);-webkit-transform:scale(0);transform:scale(0)}.Logo__Container .Logo--animated .stateof{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:"appear";animation-name:"appear";-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-delay:2.2s;animation-delay:2.2s;-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0}.Logo__Container .Logo--animated .year{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:"appear";animation-name:"appear";-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-delay:2.5s;animation-delay:2.5s;-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0}}.Logo__Container{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;margin-bottom:40px}.PageLayout--sidebar{overflow:hidden;height:100vh}.Sidebar{border-right:1px dashed #9ac6c9;border-bottom:1px dashed #9ac6c9}@media screen and (max-width:999px){.Sidebar{top:0;bottom:0;left:0;right:0;background:#232840;z-index:1000;text-align:center;overflow-y:scroll;padding:0 0 40px}.Sidebar.Sidebar--hidden{border:0;clip:rect(0 0 0 0);clip-path:polygon(0 0,0 0,0 0);-webkit-clip-path:polygon(0 0,0 0,0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.Sidebar.Sidebar--shown{overflow:hidden;overflow-y:scroll;position:fixed}}.Sidebar__Fixed{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;height:100vh;position:fixed}@media screen and (max-width:999px){.Sidebar__Fixed{width:100%}}@media screen and (min-width:1000px){.Sidebar__Fixed{width:270px}}.Sidebar__Inner{padding:30px;overflow-y:auto;-webkit-flex-grow:1;flex-grow:1;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}@media screen and (max-width:599px){.Sidebar__Inner{padding-bottom:80px}}.Sidebar__Logo__Wrapper{margin:0}.Sidebar__Logo--desktop{margin:0;border-top:1px dashed #9ac6c9;border-bottom:1px dashed #9ac6c9;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;padding:5px 48px}.Sidebar__Logo--desktop svg{display:block}@media screen and (max-width:999px){.Sidebar__Logo--desktop{display:none}}.Sidebar__Logo--mobile{display:grid;grid-template-columns:50px 1fr 50px;border-bottom:1px dashed #9ac6c9}.Sidebar__Logo--mobile .Sidebar__Logo__Inner{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.Sidebar__Logo--mobile .Logo--simple{display:block}@media screen and (min-width:1000px){.Sidebar__Logo--mobile{display:none}}.Sidebar__Logo__Link:before{content:none}.Sidebar__Close{margin:0;padding:0;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.Sidebar__Close button{background:none;cursor:pointer;border:none}@media screen and (min-width:1000px){.Sidebar__Close{display:none}}.Sidebar__Close svg{stroke:#f649a7}@media screen and (max-width:999px){.Nav{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column}}.Nav__Page__Link{display:inline-block;white-space:nowrap;font-size:1rem;margin:0 0 6.66667px}.Nav__Page--lvl-1 .Nav__Page__Link,.Nav__Page--lvl-2 .Nav__Page__Link{font-size:.9rem;font-weight:400}.Nav__Page--lvl-1 .Nav__Page__Link,.Nav__Page--lvl-1 .Nav__Page__Link:link,.Nav__Page--lvl-1 .Nav__Page__Link:visited,.Nav__Page--lvl-2 .Nav__Page__Link,.Nav__Page--lvl-2 .Nav__Page__Link:link,.Nav__Page--lvl-2 .Nav__Page__Link:visited{color:#9ac6c9}.Nav__Page__Link--active{color:#59df7f!important;font-weight:800}.Nav__Page__Link--active span:before{content:"> "}@media screen and (max-width:999px){.Nav__Page__Link--active span:after{content:" <"}}@media screen and (min-width:1000px){.Nav__SubPages{padding-left:20px}.Nav__Page .Nav__SubPages{display:none}.Nav__Page--showChildren .Nav__SubPages{display:block}}.Nav__SubPages--lvl-1{padding-left:20px;margin-bottom:10px}.Nav__SubPages--lvl-1:after{margin-left:-20px;font-size:.9rem;font-weight:800}@media screen and (max-width:599px){.Block,.block{margin-bottom:40px}}@media screen and (min-width:600px){.Block,.block{margin-bottom:80px}}.Block:last-child,.block:last-child{margin-bottom:0}.Block__Description,.block__description{margin-bottom:20px}.Block__Description p:last-child,.block__description p:last-child{margin:0}.Block__Title{padding-bottom:10px;border-bottom:1px dashed #9ac6c9;margin-bottom:20px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.Block__Title .share__link--permalink{float:left;opacity:0;line-height:1;width:22px;margin-left:-22px;padding-right:4px;transition:none;position:relative}@media screen and (max-width:599px){.Block__Title .share__link--permalink{top:3px}}@media screen and (min-width:600px){.Block__Title .share__link--permalink{top:7px}}.Block__Title .share__link--permalink:hover:before{content:none}.Block__Title .share__link--permalink path{fill:hsla(0,0%,100%,.4)}.Block__Title:hover .share__link--permalink{opacity:1}.Block__Title__Left{-webkit-flex:1 1;flex:1 1;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-start;justify-content:flex-start}.Block__Title__Text{margin-bottom:0}@media screen and (max-width:599px){.Block__Title__Text{opacity:1;transition:all .3s ease-in;-webkit-flex:1 1;flex:1 1}.Block__Title--open .Block__Title__Text{opacity:.2}}.Block__Title__Share{margin-left:10px}.block__content li{margin-bottom:10px}.block--othersbar{margin-bottom:200px}@media screen and (max-width:599px){.Block__Title__ChartControls{margin-left:10px}}.capture .Block__Title__ChartControls{display:none}.CompletionIndicator{margin-left:10px;position:relative;padding:2px}.CompletionIndicator__Tooltip{left:50%;position:absolute;background:#9ac6c9;color:#232840;font-size:.8rem;padding:4px 8px;border-radius:3px;white-space:nowrap;-webkit-transform:translate(-50%,-130%);transform:translate(-50%,-130%);opacity:0;transition:all .2s ease-in}.CompletionIndicator__Tooltip:after{top:99%;left:50%;content:" ";height:0;width:0;position:absolute;pointer-events:none;border:8px solid rgba(136,183,213,0);border-top-color:#9ac6c9;margin-left:-8px}.CompletionIndicator:hover .CompletionIndicator__Tooltip{opacity:1;-webkit-transform:translate(-50%,-140%);transform:translate(-50%,-140%);transition:all .2s ease-in}.CompletionIndicator__Data{border:0;clip:rect(0 0 0 0);clip-path:polygon(0 0,0 0,0 0);-webkit-clip-path:polygon(0 0,0 0,0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.CompletionIndicator__Chart{display:block}.CompletionIndicator__Chart__Bg{fill:#445a5a}.CompletionIndicator__Chart__Fg{stroke:#9ac6c9}.others-wrapper{display:-webkit-flex;display:flex}.others-wrapper .chart-wrapper{-webkit-flex:1 1;flex:1 1}.libraries__inner{display:-webkit-flex;display:flex}.libraries__item{position:relative}.libraries__item__link{font-size:.7rem;display:block}@media screen and (min-width:600px){.libraries__item__link.libraries__item__link--enabled{cursor:pointer;color:#f649a7;font-weight:800}}.libraries--vertical{padding:40px 0;display:-webkit-flex;display:flex}.libraries--vertical .libraries__inner{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:flex-end;align-items:flex-end}.libraries--vertical .libraries__item__link{white-space:nowrap;text-align:right}.libraries--horizontal{margin-bottom:40px}@media screen and (max-width:599px){.libraries--horizontal{padding:0 20px}}@media screen and (min-width:600px){.libraries--horizontal{padding:0 60px}}.libraries--horizontal .libraries__inner{-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between}.libraries--horizontal .libraries__item{-webkit-flex:1 1;flex:1 1}.libraries--horizontal .libraries__item__link{text-align:center}.library__tooltip{color:#273aa2;width:240px;z-index:100;font-size:.8rem;display:block;font-weight:400}.libraries__item:hover .library__tooltip{display:block}@media screen and (max-width:599px){.libraries__item:hover .library__tooltip{display:none}}.library__tooltip .toolip__topzone{position:absolute;top:-30px;left:50%;margin-left:-20px;height:30px;width:40px;z-index:100}.library__tooltip .tooltip__inner{padding:20px;background:#e0e4e4;position:relative}.library__tooltip .tooltip__inner:after,.library__tooltip .tooltip__inner:before{bottom:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.library__tooltip .tooltip__inner:after{border-color:hsla(0,0%,100%,0) hsla(0,0%,100%,0) #fff;border-width:10px;margin-left:-10px}.library__tooltip .tooltip__inner:before{border-color:rgba(194,225,245,0) rgba(194,225,245,0) #9ac6c9;border-width:11px;margin-left:-11px}.library__tooltip h3{font-size:1rem;border-bottom:1px dashed #9ac6c9;padding-bottom:10px;margin-bottom:10px;-webkit-justify-content:center;justify-content:center;-webkit-justify-content:space-between;justify-content:space-between}.library__tooltip h3,.library__tooltip h3 .tooltip__title__stars{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.library__tooltip h3 .tooltip__title__stars{-webkit-justify-content:center;justify-content:center;font-size:.7rem;color:#f649a7;font-weight:400}.library__tooltip h3 .tooltip__title__stars path{fill:#f649a7}.library__tooltip p{margin-bottom:10px}.library__tooltip h4{margin-bottom:5px}.library__tooltip ul{padding:0 0 0 20px;margin:0}.tooltip__description{font-weight:800}.Tooltip{z-index:1000}.Tooltip__Link{font-weight:800}.Tooltip__Heading{margin-bottom:5px}.Tooltip__Item{display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center}.Tooltip__Value{font-weight:800}.share-wrapper{position:relative}.capture .share-wrapper{display:none}.share{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.share-button{padding:3px 7px 4px;font-size:.7rem;color:#9ac6c9;border-color:#9ac6c9}.share-popup{pointer-events:none;position:absolute}@media screen and (max-width:599px){.share-popup{left:50%;top:50%}}@media screen and (min-width:600px){.share-popup{top:0;left:0}}.share__link{display:block;-webkit-flex-shrink:0;flex-shrink:0}.share__link:last-child{margin-right:0}.share__link svg{height:100%;width:100%;-webkit-filter:drop-shadow(0 2px 3px rgba(246,73,167,.7));filter:drop-shadow(0 2px 3px rgba(246,73,167,.7))}.share__link svg circle,.share__link svg path{fill:#9ac6c9}.share__link:hover svg circle,.share__link:hover svg path{fill:#f649a7}.share__link:hover:before{content:none}.share-options .share__link{transition:all .5s cubic-bezier(.87,-.41,.19,1.44);opacity:0;height:24px;width:24px}@media screen and (max-width:599px){.share-options .share__link{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}}.share__link.share__link--twitter{transition-delay:0ms}.share__link.share__link--facebook{transition-delay:.1s}.share__link.share__link--linkedin{transition-delay:.2s}.share__link.share__link--email{transition-delay:.3s}.share__link.share__link--image{transition-delay:.4s}@media screen and (max-width:599px){.share__link{top:0;left:0;position:absolute}}.share-popup-visible .share__link{opacity:1;pointer-events:auto}@media screen and (max-width:599px){.share-popup-visible .share__link.share__link--twitter{-webkit-transform:translateX(-50%) translateY(-275%) scale(1);transform:translateX(-50%) translateY(-275%) scale(1)}.share-popup-visible .share__link.share__link--facebook{-webkit-transform:translateX(-200%) translateY(-200%) scale(1);transform:translateX(-200%) translateY(-200%) scale(1)}.share-popup-visible .share__link.share__link--linkedin{-webkit-transform:translateX(-275%) translateY(-50%) scale(1);transform:translateX(-275%) translateY(-50%) scale(1)}.share-popup-visible .share__link.share__link--email{-webkit-transform:translateX(-200%) translateY(100%) scale(1);transform:translateX(-200%) translateY(100%) scale(1)}.share-popup-visible .share__link.share__link--image{-webkit-transform:translateX(-50%) translateY(175%) scale(1);transform:translateX(-50%) translateY(175%) scale(1)}}@media screen and (min-width:600px){.share-popup-visible .share__link.share__link--twitter{-webkit-transform:translateX(280%) scale(1);transform:translateX(280%) scale(1)}.share-popup-visible .share__link.share__link--facebook{-webkit-transform:translateX(320%) scale(1);transform:translateX(320%) scale(1)}.share-popup-visible .share__link.share__link--linkedin{-webkit-transform:translateX(390%) scale(1);transform:translateX(390%) scale(1)}.share-popup-visible .share__link.share__link--email{-webkit-transform:translateX(460%) scale(1);transform:translateX(460%) scale(1)}.share-popup-visible .share__link.share__link--image{-webkit-transform:translateX(530%) scale(1);transform:translateX(530%) scale(1)}}.ShareSite .share__link{border-right:1px dashed #9ac6c9;-webkit-flex-grow:1;flex-grow:1;text-align:center;padding:22px 6.66667px}.ShareSite .share__link:hover{background:rgba(0,0,0,.05)}.ShareSite .share__link svg{display:block;margin:0 auto;height:24px;width:24px}.ShareSite .share__link:last-child{border-right:none}.share-options{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;margin:0 auto}.home .share-options,.share-options{max-width:300px}@media screen and (max-width:599px){.home .share-options a{height:40px;width:40px;padding:10px}}@media screen and (min-width:600px){.home .share-options a{height:60px;width:60px;padding:15px}}.ShareSite__Content{border-top:1px dashed #9ac6c9;display:-webkit-flex;display:flex;-webkit-justify-content:space-evenly;justify-content:space-evenly;border-right:1px dashed #9ac6c9;position:relative;z-index:1}.ShareSite{position:relative}.ShareSite .GridLines{position:absolute;top:0;left:0;right:0;bottom:0}.Share__Icon{stroke:#9ac6c9;height:16px;width:16px}.share-button:hover .Share__Icon,.share-popup-visible .Share__Icon{stroke:#f649a7}.resources-title,.sponsors-title{font-size:1rem;margin-bottom:10px}@media screen and (min-width:600px){.resources-title,.sponsors-title{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between}}.resources-title h2,.sponsors-title h2{margin:0}.resources-sponsor{font-family:IBM Plex Mono,monospace;font-weight:800;font-size:.8rem}.resources-sponsor img{display:inline-block;height:20px;vertical-align:middle;margin-right:5px}@media screen and (min-width:1000px){.resources-list{display:grid;grid-template-columns:auto auto;grid-gap:40px}}.resource,.sponsors-list{margin-bottom:20px}@media screen and (min-width:600px){.resource{display:-webkit-flex;display:flex}}.resource-image{position:relative;z-index:5}.resource-image:before{z-index:1;content:" ";display:block;position:absolute;top:6px;left:6px;height:100%;width:100%;background:url('data:image/svg+xml;utf8, ')}@media screen and (max-width:599px){.resource-image{width:60px;float:right;margin:0 0 20px 20px}}@media screen and (min-width:600px){.resource-image{width:160px;margin-right:20px}}.resource-image div{background:#fff;position:relative;z-index:10;border:2px solid #9ac6c9}.resource-image a{display:block;width:100%;padding-bottom:90%;height:0;background-position:50%;background-size:cover}.resource-image img,.resource-image svg{display:block;width:100%;border:3px solid #fff}.resource-contents{-webkit-flex:1 1;flex:1 1}.resource-title{margin-bottom:0}.sponsor-title{font-size:1.1rem}.resource-author{margin-bottom:5px}.resource-description{font-size:.9rem}.sponsor-description p{margin-bottom:0}.resource-play{margin-left:10px}@media screen and (max-width:599px){.resource-play{display:none}}.resource-play a{display:block;height:70px;width:70px}.resource-play svg{width:100%;fill:#d9dedf}.resource-play a:hover svg{fill:#f649a7}.resources-sponsored{font-size:.7rem;text-align:center;font-family:IBM Plex Mono,monospace;font-weight:800}.Sponsors{background:#303652;padding:30px;margin-top:40px}.Sponsors__Heading{text-align:center;margin-bottom:20px}.Sponsors__Items{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}@media screen and (max-width:999px){.Sponsors__Items{-webkit-flex-direction:column;flex-direction:column}}.Sponsors__Item{width:150px}@media screen and (max-width:999px){.Sponsors__Item{margin-bottom:20px}}@media screen and (min-width:1000px){.Sponsors__Item{margin-right:60px}}.Sponsors__Item:last-child{margin:0}.Sponsors__Item a,.Sponsors__Item img,.Sponsors__Item svg{display:block;width:100%}.Sponsors__Item--designcode{width:50px}.Sponsors__Support{font-size:.9rem;text-align:center;margin-top:10px;font-weight:400}.pagetitle__wrapper{border-top:1px dashed #9ac6c9;border-bottom:1px dashed #9ac6c9;z-index:1}.pagetitle{font-size:1.3rem}.pagetitle__inner{text-align:center;z-index:10;position:relative;display:grid;grid-template-columns:1fr auto 1fr}@media screen and (max-width:999px){.pagetitle__wrapper--top .pagetitle__inner{grid-template-columns:1fr 50px 1fr}}.pagetitle__wrapper--title .pagetitle__inner{padding:20px;background:#232840}.pagination__link{padding:20px;display:block;font-family:IBM Plex Mono,monospace;font-weight:800;white-space:nowrap;border-right:1px dashed #9ac6c9}@media screen and (max-width:999px){.pagination__link{font-size:.7rem;overflow:hidden;text-overflow:ellipsis}}@media screen and (min-width:1000px){.pagination__link{font-size:1rem}}.pagination__middle{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}span+.pagination__middle{border-left:1px dashed #9ac6c9}.pagination__link__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}@media screen and (max-width:599px){.pagination__link__symbol{display:none}}.pagination__previous{text-align:left}.pagination__next{border:none;text-align:right}.pagetitle__wrapper--bottom span+.pagination__next,span+span+.pagination__next{border-left:1px dashed #9ac6c9}@media screen and (max-width:999px){.PageTitle__Sidebar__Toggle{padding:0 10px;height:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;border-right:1px dashed #9ac6c9}span+.PageTitle__Sidebar__Toggle{border-left:1px dashed #9ac6c9}}@media screen and (min-width:1000px){.PageTitle__Sidebar__Toggle{display:none}}.Sidebar__Toggle{border:none;background:#232840;padding:0;display:block;cursor:pointer}.Sidebar__Toggle svg{display:block;width:100%;height:auto;stroke:#f649a7}@media screen and (min-width:1000px){.Sidebar__Toggle{display:none}}.Hamburger{fill:#fff;stroke:#fff}.Newsletter form{margin:0}@media screen and (min-width:600px){.Newsletter form{display:-webkit-flex;display:flex}}.Block--Newsletter{border:1px solid #9ac6c9;padding:30px;margin-bottom:40px}.Block--Newsletter .newsletter{margin-bottom:0}.Block--Newsletter .block__title{font-size:1.1rem}.Block--Newsletter .block__contents{font-size:1rem}.Newsletter__Email{font-weight:400;display:block;padding:10px;border:none;margin-right:10px;-webkit-flex-grow:1;flex-grow:1;width:100%;max-width:300px}@media screen and (max-width:599px){.Newsletter__Email{margin-bottom:10px}}.Newsletter__Email:focus{outline:none;border-color:#f649a7}.Newsletter--loading .Newsletter__Email{background:#d9dedf}.Newsletter__Button{min-width:140px;display:block}@media screen and (max-width:599px){.Newsletter__Button{width:100%}}.Newsletter__Button:hover{border:1px solid transparent;background:linear-gradient(#303652,#303652) padding-box,repeating-linear-gradient(-45deg,#f649a7,#f649a7 25%,transparent 0,transparent 50%) 0/.6em .6em;-webkit-animation:ants 12s linear infinite;animation:ants 12s linear infinite}.Newsletter__Hidden{display:none}.Newsletter__Error{border:1px solid #fe6a6a;padding:20px;color:#fe6a6a;margin-bottom:20px}.Newsletter__Success{border:1px dashed #9ac6c9;padding:20px}.Newsletter__Heading{margin-bottom:10px}.Newsletter__Description{margin-bottom:20px}.block--newsletter--home{text-align:center;border:1px dashed #9ac6c9;padding:30px}@media screen and (min-width:1000px){.block--newsletter--home{margin-left:250px;margin-right:250px}}.block--newsletter--home .newsletter{max-width:none;margin:0}.block--newsletter--home .block__title{border-bottom:none;padding:0;margin-bottom:5px}.footer{text-align:center;font-size:1rem}@media screen and (max-width:599px){.PageFooter{margin-top:80px}}@media screen and (min-width:600px){.PageFooter{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;margin-top:120px}}.IntroductionFooter{margin-top:40px;margin-bottom:40px}@media screen and (max-width:599px){.PageFooter__Link{display:block;text-align:center}}.PageFooter__Link--start{font-size:1.5rem}@media screen and (max-width:599px){.PageFooter__Link--previous{margin-bottom:20px}}@media screen and (min-width:600px){.PageFooter__Link--previous{margin-right:20px}}@media screen and (min-width:600px){.ToolHeader{display:-webkit-flex;display:flex}}.ToolHeader .PeriodicTableElementHtml{width:100%}.ToolHeader__Element svg{display:block}@media screen and (max-width:599px){.ToolHeader__Element{max-width:150px;margin:0 auto 5px}}@media screen and (min-width:600px){.ToolHeader__Element{-webkit-flex-shrink:1;flex-shrink:1;-webkit-flex-basis:120px;flex-basis:120px;margin-right:20px}}.Page__Title{padding:0;font-weight:700;margin:0 0 10px}@media screen and (max-width:599px){.Page__Title{font-size:1.3rem}}@media screen and (min-width:600px) and (max-width:999px){.Page__Title{font-size:1.5rem}}@media screen and (min-width:1000px){.Page__Title{font-size:1.5rem}}.Page__Intro{margin:10px 0 40px}.Page__Intro p{margin:0 0 20px}@-webkit-keyframes glow-soft{0%{box-shadow:0 1px 1px 1px rgba(65,199,199,.1)}50%{box-shadow:0 1px 20px 1px rgba(65,199,199,.4)}to{box-shadow:0 1px 1px 1px rgba(65,199,199,.1)}}@keyframes glow-soft{0%{box-shadow:0 1px 1px 1px rgba(65,199,199,.1)}50%{box-shadow:0 1px 20px 1px rgba(65,199,199,.4)}to{box-shadow:0 1px 1px 1px rgba(65,199,199,.1)}}@-webkit-keyframes glow{0%{box-shadow:0 1px 2px 1px rgba(246,73,167,.5)}50%{box-shadow:0 1px 30px 2px rgba(246,73,167,.9)}to{box-shadow:0 1px 2px 1px rgba(246,73,167,.5)}}@keyframes glow{0%{box-shadow:0 1px 2px 1px rgba(246,73,167,.5)}50%{box-shadow:0 1px 30px 2px rgba(246,73,167,.9)}to{box-shadow:0 1px 2px 1px rgba(246,73,167,.5)}}@-webkit-keyframes burst{0%{box-shadow:0 0 0 0 rgba(254,106,106,0)}50%{box-shadow:0 0 30px 30px rgba(246,73,167,.9)}to{box-shadow:0 0 60px 60px rgba(254,106,106,0)}}@keyframes burst{0%{box-shadow:0 0 0 0 rgba(254,106,106,0)}50%{box-shadow:0 0 30px 30px rgba(246,73,167,.9)}to{box-shadow:0 0 60px 60px rgba(254,106,106,0)}}@media screen and (min-width:1000px){.Awards__Block{margin:80px 60px 60px;display:grid;grid-template-columns:1fr 1fr;-webkit-column-gap:160px;column-gap:160px;row-gap:60px}}.Award{text-align:center;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}@media screen and (max-width:999px){.Award{margin-bottom:60px}}.Award__Heading{margin-bottom:5px;font-size:1.5rem}.Award__Description{margin-bottom:20px;font-size:.9rem}.Award__Element__Container{position:relative;height:150px;width:150px;-webkit-perspective:800px;perspective:800px;margin-bottom:20px}.Award__Element{cursor:pointer;margin-bottom:20px;position:absolute;height:100%;width:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform .8s cubic-bezier(.175,.885,.32,1.275);transition:transform .8s cubic-bezier(.175,.885,.32,1.275);transition:transform .8s cubic-bezier(.175,.885,.32,1.275),-webkit-transform .8s cubic-bezier(.175,.885,.32,1.275);-webkit-transform:rotateY(0deg) scale(.75);transform:rotateY(0deg) scale(.75)}.Award__Element svg{display:block}.Award--hide .Award__Element{-webkit-animation-name:glow-soft;animation-name:glow-soft;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}.Award--hide .Award__Element:hover{-webkit-animation-name:glow;animation-name:glow;-webkit-animation-duration:1.2s;animation-duration:1.2s}.Award--show .Award__Element{-webkit-animation-name:burst;animation-name:burst;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.Award--show .Award__Element,.capture .Award__Element{cursor:default;-webkit-transform:rotateY(540deg) scale(1);transform:rotateY(540deg) scale(1)}.Award__Element__Face{position:absolute;height:100%;width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.Award__Element__Face--back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.Award__Element__Face--front{background:hsla(0,0%,100%,.07);padding:10px}.Award__Element__Face--front svg .bg{transition:all .15s ease-in;stroke:#232840;stroke-width:15}.Award__Element__Face--front svg .fg{fill:#9ac6c9}.Award__Element__Face--front svg .fg text{font-size:250px}.Award__Element:hover .Award__Element__Face--front .bg{stroke:rgba(246,73,167,.5)}.Award__Element__Face--back{font-size:1.5rem;-webkit-justify-content:center;justify-content:center}.Award__Comment,.Award__Element__Face--back{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.Award__Comment{transition:opacity .5s ease-in .5s;-webkit-flex-direction:column;flex-direction:column}.Award__Comment p{margin-bottom:10px}.Award--hide .Award__Comment{opacity:0}.Award--show .Award__Comment,.capture .Award__Comment{opacity:1}.Award__Share{margin-bottom:20px}.Awards__RunnerUps__Heading{transition:opacity .5s ease-in 1s;opacity:0;margin-bottom:0}.Award--show .Awards__RunnerUps__Heading,.capture .Awards__RunnerUps__Heading{opacity:1}.Awards__RunnerUps__Item{opacity:0;font-size:.9rem}.Award--show .Awards__RunnerUps__Item,.capture .Awards__RunnerUps__Item{opacity:1}.Awards__RunnerUps__Item--0{transition:opacity .3s ease-in 1.5s}.Awards__RunnerUps__Item--1{transition:opacity .3s ease-in 1.8s}.Award__Element__Confetti{position:absolute;top:50%;left:50%}.Award__Element__Confetti canvas{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.pagetitle .LanguageSwitcher{border-right:1px dashed #9ac6c9}@media screen and (max-width:999px){.pagetitle .LanguageSwitcher{display:none}}@media screen and (min-width:1000px){.Nav .LanguageSwitcher{display:none}}.Home__Wrapper .LanguageSwitcher{padding:10px 20px}.Sidebar .LanguageSwitcher{margin-bottom:20px;border:1px dashed #9ac6c9}.LanguageSwitcher__Inner{position:relative}.Sidebar .LanguageSwitcher__Inner{padding:8px 12px}.LanguageSwitcher__Toggle{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;font-size:1rem;cursor:pointer}.LanguageSwitcher__Toggle span{display:block;margin-right:5px}.LanguageSwitcher__Toggle svg{display:block;width:12px;position:relative}.LanguageSwitcher__Toggle svg polygon{fill:#9ac6c9}.pagetitle .LanguageSwitcher__Toggle{padding:20px}.LanguageSwitcher__Options{position:absolute;width:300px;left:50%;border:1px solid #9ac6c9;background:#232840;padding:20px;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:10000}@media screen and (max-width:599px){.LanguageSwitcher__Options{max-width:90vw}}.LanguageSwitcher--closed .LanguageSwitcher__Options{border:0;clip:rect(0 0 0 0);clip-path:polygon(0 0,0 0,0 0);-webkit-clip-path:polygon(0 0,0 0,0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.LanguageSwitcher__Options:after,.LanguageSwitcher__Options:before{left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.LanguageSwitcher__Options:after{border-color:rgba(136,183,213,0);border-width:10px;margin-left:-10px}.LanguageSwitcher__Options:before{border-color:rgba(194,225,245,0);border-width:12px;margin-left:-12px}.LanguageSwitcher--bottom .LanguageSwitcher__Options{top:130%}.LanguageSwitcher--bottom .LanguageSwitcher__Options:after,.LanguageSwitcher--bottom .LanguageSwitcher__Options:before{bottom:100%}.LanguageSwitcher--bottom .LanguageSwitcher__Options:after{border-bottom-color:#232840}.LanguageSwitcher--bottom .LanguageSwitcher__Options:before{border-bottom-color:#9ac6c9;border-style:dashed}.LanguageSwitcher--top .LanguageSwitcher__Options{bottom:160%}.LanguageSwitcher--top .LanguageSwitcher__Options:after,.LanguageSwitcher--top .LanguageSwitcher__Options:before{top:100%}.LanguageSwitcher--top .LanguageSwitcher__Options:after{border-top-color:#232840}.LanguageSwitcher--top .LanguageSwitcher__Options:before{border-top-color:#9ac6c9;border-style:dashed}.Locales{display:grid;grid-template-columns:auto auto;grid-column-gap:20px;grid-row-gap:20px}.Locales__Item{text-align:center;font-weight:400}@media screen and (max-width:999px){.Locales__Item{font-size:.8rem}}@media screen and (min-width:1000px){.Locales__Item{font-size:1rem}}.Locales__Item--current{font-weight:800}.LanguageSwitcher__Help{font-size:.8rem;padding-top:20px;margin-top:20px;border-top:1px dashed #9ac6c9}@media screen and (min-width:600px){.FTBlock{display:grid;grid-template-columns:2fr 1fr;grid-column-gap:40px;grid-row-gap:20px}}.FTBlock__Chart{grid-column:1/3}@media screen and (max-width:599px){.FTBlock__Chart{margin-bottom:20px}}.Feature__Links,.Feature__Support{font-size:.9rem;font-weight:400}.FTBlock__Links__Item{margin-bottom:6.66667px}.Features__Overview{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between}.Features__Overview__Item{width:240px;height:260px;margin-bottom:40px;display:grid;grid-template-rows:210px 50px}.Features__Overview__Item__Footer{border-top:2px solid #9ac6c9;border-bottom:2px solid #9ac6c9;font-size:.9rem;font-weight:800;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.Features__Overview__Item__Footer:hover{background:#9ac6c9;color:#fff;cursor:pointer}.capture .FTBlock__Description{grid-column:1/3}@media screen and (max-width:599px){.FTBlock__Resources{margin-top:20px}}.FTBlock__Resources h3{margin-bottom:10px;font-size:1rem}.FTBlock__Resources ul{padding-left:20px}.capture .FTBlock__Resources{display:none}.Tshirt__Introduction{margin-bottom:40px}.Tshirt{border:1px solid #9ac6c9}@media screen and (min-width:600px){.Tshirt{display:grid;grid-template-columns:1fr 1fr}}.Tshirt__Images{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto}@media screen and (max-width:599px){.Tshirt__Images{border-bottom:1px solid #9ac6c9}}@media screen and (min-width:600px){.Tshirt__Images{border-right:1px solid #9ac6c9}}.Tshirt__Image img{display:block;width:100%}.Tshirt__Image0{border-bottom:1px solid #9ac6c9;grid-column-start:1;grid-column-end:3}.Tshirt__Image1{border-right:1px solid #9ac6c9}@media screen and (max-width:599px){.Tshirt__Description{padding:20px}}@media screen and (min-width:600px){.Tshirt__Description{padding:40px}}.Tshirt__Description h2{margin-bottom:5px}.Tshirt__Description h3{font-weight:400}.Tshirt__Button:before{content:none}.Tshirt__Button:hover{border:1px solid transparent;background:linear-gradient(#303652,#303652) padding-box,repeating-linear-gradient(-45deg,#f649a7,#f649a7 25%,transparent 0,transparent 50%) 0/.6em .6em;-webkit-animation:ants 12s linear infinite;animation:ants 12s linear infinite}.chart-wrapper{font-size:1rem}.chart-wrapper g.xsmall{font-size:.6rem}.chart-wrapper g.small{font-size:.7rem}.chart-wrapper g.medium{font-size:.8rem}.chart--bar,.chart-wrapper g.large,.chart-wrapper g.xlarge{font-size:1rem}@media screen and (max-width:599px){.block__contents{overflow-x:scroll;background:hsla(0,0%,100%,.5)}}@media screen and (max-width:599px){.block__contents__inner{padding:0 20px 20px;min-width:800px}}.PieRow{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin-bottom:10px}.PieRow svg{margin-right:15px}.Help{font-size:13px;color:#6f8183;margin-bottom:20px;padding-left:15px}.Help svg{color:#9688e4;display:inline-block;vertical-align:text-bottom}.user-facts-placeholder{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;border:1px dotted #9ac6c9;min-height:400px}.user-facts-placeholder h3{margin:0}.results-chart-wrapper{padding:0 60px}.results-chart-wrapper text{font-size:.8rem}.Chart__Container__Outer{position:relative}@media screen and (max-width:999px){.Chart__Container{overflow-x:scroll}}.Chart__Container svg{display:block}@media screen and (max-width:999px){.Chart__Container__Outer--expand .Chart__Container__Inner{min-width:800px;padding-bottom:20px}}@media screen and (max-width:599px){.Chart__Container__Outer--expand .Chart__Container__Inner{max-height:400px}}@media screen and (max-width:599px){.Chart__Container__Indicator{position:absolute;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;z-index:100}.Chart__Container__Indicator svg{display:block;stroke:#9ac6c9;opacity:.5;overflow:visible}.Chart__Container__Indicator--left,.Chart__Container__Indicator--right{top:0;bottom:0;width:20px}.Chart__Container__Indicator--left{left:10px}.Chart__Container__Indicator--right{right:10px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.Chart__Container__Indicator--bottom,.Chart__Container__Indicator--top{left:0;right:0;height:20px}.Chart__Container__Indicator--top{top:10px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.Chart__Container__Indicator--bottom{bottom:10px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}}@media screen and (min-width:600px){.Chart__Container__Indicator{display:none}}@media screen and (max-width:999px){.Overview__Chart .Legends{margin-top:20px}}@media screen and (min-width:1000px){.Overview__Chart .Legends{margin-top:40px}}.OpinionSelector{-webkit-appearance:none;-moz-appearance:none;background:transparent;color:#3c52d1;border:none;border-bottom:1px dashed #3c52d1;border-radius:0}.OpinionSelector:focus{outline:transparent;border-bottom-style:solid}.SalaryPerCountry__Chart,.ToolsUsageByCountry__Chart{height:500px}.Bar__Chart>div>div>svg{overflow:visible;box-sizing:content-box;border-bottom:180px solid transparent;position:relative;z-index:1}#text_editors .Bar__Chart>div>div>svg{border-bottom:none}.Bar__Tick{z-index:1000}.Bar__Tooltip__Wrapper{overflow:visible;display:none;z-index:1000}.Bar__Tick:hover .Bar__Tooltip__Wrapper{display:block}.Bar__Tick__Label{fill:#9ac6c9;font-size:.8rem;cursor:default}.Bar__Tick__Label--hoverable{cursor:pointer;font-weight:800;fill:#f649a7}.ToolsOverviewBlock .Legends{margin-top:40px}.ChartControls{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end}.ChartModeSelector,.ChartUnitsSelector{display:-webkit-inline-flex;display:inline-flex;-webkit-align-items:center;align-items:center}.ChartModeSelector{margin-right:20px}.ChartModeSelector__Label,.ChartUnitsSelector__Label{font-weight:800;padding:4px 13.33333px 4px 0;font-size:.8rem;white-space:nowrap}.OpinionScaleChart{padding-top:20px}.OpinionScaleChart svg{overflow:visible}@media screen and (min-width:1000px){.FTBlock .Legends__Item__Value{display:none}}.CirclePackingChart svg{overflow:visible}@media screen and (max-width:599px){.FeaturesOverviewChart{height:800px}}@media screen and (min-width:600px) and (max-width:999px){.FeaturesOverviewChart{height:800px}}@media screen and (min-width:1000px){.FeaturesOverviewChart{height:800px}}@media screen and (max-width:599px){.FeaturesSectionOverviewChart{height:200px;height:400px}}@media screen and (min-width:600px) and (max-width:999px){.FeaturesSectionOverviewChart{height:500px}}@media screen and (min-width:1000px){.FeaturesSectionOverviewChart{height:500px}}.CirclePackingNode--inactive{opacity:.15}.CirclePackingNode__Legend{pointer-events:none;opacity:0;transition:all .3s ease-in}.CirclePackingNode--active .CirclePackingNode__Legend{opacity:1}.CirclePackingNode__Legend__Label{font-size:.9rem}.CirclePackingNode__Legend__Value{font-weight:800}.ToolsOverviewCirclePackingChart svg{overflow:visible}.CirclePackingNode__TotalCircle{pointer-events:none;opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}.CirclePackingNode:hover .CirclePackingNode__TotalCircle{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.CirclePackingNode__TotalCircleLabel{opacity:0;pointer-events:none;-webkit-animation:rotateAnim 20s linear infinite;animation:rotateAnim 20s linear infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;font-size:.8rem;font-weight:800}.CirclePackingNode:hover .CirclePackingNode__TotalCircleLabel{opacity:1}.CirclePackingNode__SectionLabel{opacity:.65}@media screen and (max-width:599px){.TechnologiesOverviewChart{height:800px}}@media screen and (min-width:600px) and (max-width:999px){.TechnologiesOverviewChart{height:800px}}@media screen and (min-width:1000px){.TechnologiesOverviewChart{height:800px}}.Quadrant__Label{color:#9ac6c9;fill:#9ac6c9;text-transform:uppercase;letter-spacing:3px;opacity:.75;font-size:1.3rem}.Scatterplot__Node:hover .Scatterplot__Node__Crosshairs{opacity:1;transition:all .2s ease-out}.Scatterplot__Node:hover .Scatterplot__Node__Label{-webkit-transform:translateX(30px);transform:translateX(30px);transition:all .2s ease-out}.Scatterplot__Node:hover .Scatterplot__Node__Label__Background{opacity:.75;transition:all .2s ease-out}.Scatterplot__Node:hover .Scatterplot__Node__Label__Text{fill:#232840;transition:all .2s ease-out}.Scatterplot__Node:hover .Scatterplot__Node__Crosshair__Line{stroke-dasharray:8,4;-webkit-animation:svgAnts 50s linear infinite;animation:svgAnts 50s linear infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.Scatterplot__Node__Label{pointer-events:none;transition:all .2s ease-out}.Scatterplot__Node__Label__Background{opacity:0;transition:all .2s ease-out}.Scatterplot__Node__Label__Text{font-size:.8rem;transition:all .2s ease-out}.Scatterplot__Node__Crosshairs{pointer-events:none;opacity:0;transition:all .2s ease-out}.Scatterplot__Node__PointHover{opacity:.75}.Scatterplot__Node__Crosshair__Label{font-size:.8rem}.BumpChart__Node{transition:all .2s ease-out}.text-highlight{background:#9ac6c9;background:#000}.text-green,.text-highlight{display:inline-block;color:#232840;border-radius:15px;padding:0 12px;font-weight:800}.text-green{background:#9ac6c9;background:#85eba2}.text-pink{background:#9ac6c9;background:#f649a7}.text-pink,.text-pink-light{display:inline-block;color:#232840;border-radius:15px;padding:0 12px;font-weight:800}.text-pink-light{background:#9ac6c9;background:#ec75cb}.text-pink-lighter{background:#9ac6c9;background:#d68df0}.text-pink-lighter,.text-teal{display:inline-block;color:#232840;border-radius:15px;padding:0 12px;font-weight:800}.text-teal{background:#9ac6c9}.text-blue{background:#9ac6c9;color:#232840;border-radius:15px;background:#3c52d1}.text-blackpink,.text-blue{display:inline-block;padding:0 12px;font-weight:800}.text-blackpink{background:#9ac6c9;color:#232840;border-radius:15px;background:rgba(0,0,0,.3);color:#9ac6c9;border:1px solid #f649a7}.text-bold{font-weight:800}.Chip{display:block;margin-right:7px;position:relative;overflow:hidden;height:12px;width:12px}.Chip__Inner{height:100%;width:100%;display:block}.Chip--split .Chip__Inner{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.Chip--split .Chip__Inner:last-child{z-index:2;width:200%;height:100%;-webkit-transform:translateX(-3px) translateY(5px) rotate(-45deg);transform:translateX(-3px) translateY(5px) rotate(-45deg)}.Filters{display:-webkit-inline-flex;display:inline-flex;border:1px solid #777;height:32px;border-radius:1px;overflow:hidden;font-size:14px;margin-bottom:20px;line-height:1em}.Filters__item{white-space:pre;line-height:30px;-webkit-flex:1 1;flex:1 1;text-align:center;cursor:pointer;border-left:1px solid #777;padding:0 15px}.Filters__item:first-child{border-left-width:0}.Filters__item--active{background:#f9fbf9;color:#1f2d2e}.Filters--experience .Filters__item--active:nth-child(2){background:#feffdb}.Filters--experience .Filters__item--active:nth-child(3){background:#e3e3ff}.Legends{font-size:.8rem;margin-top:20px}@media screen and (min-width:600px){.Legends--horizontal{display:grid;grid-gap:20px}}@media screen and (min-width:600px) and (max-width:999px){.Legends--horizontal{grid-template-columns:1fr 1fr}}@media screen and (min-width:1000px){.Legends--horizontal{grid-template-columns:repeat(auto-fit,minmax(150px,auto))}}@media screen and (max-width:599px){.Legends--horizontal.Legends--withFrame{padding:10px}}@media screen and (min-width:600px){.Legends--horizontal.Legends--withFrame{padding:20px 30px}}.Legends--vertical{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between}@media screen and (max-width:599px){.Legends--vertical{margin-top:20px;border:1px solid #6a8f92;padding:20px}}.Legends--withFrame{border:1px solid #9ac6c9;padding:20px}.Legends--vertical.Legends--withFrame{padding:20px}.Legends__Item{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-flex:1 1;flex:1 1}@media screen and (max-width:599px){.Legends__Item{margin-bottom:10px}}@media screen and (max-width:599px){.Legends__Item.Legends__Item--withKeyLabel{display:block;margin-bottom:10px}}.Legends--vertical .Legends__Item{margin-bottom:10px}.Legends__Item:last-child{margin-bottom:0}.Legends__Item__Chip{display:block;margin-right:12px;-webkit-flex-shrink:0;flex-shrink:0}.Legends__Item__KeyLabel{width:120px;font-weight:800}@media screen and (max-width:599px){.Legends__Item__Label{-webkit-flex:1 1;flex:1 1}}.Legends__Item__Value{display:inline-block;margin-left:10px;font-weight:800}.Heatmap{display:grid;white-space:nowrap}.Heatmap__Legend{font-size:.9rem;font-weight:600;padding:10px 0;-webkit-align-self:end;align-self:end}.Heatmap__Header{font-size:.8rem;font-weight:600;padding:10px 0;text-align:center;overflow:hidden}.Heatmap__Subject{font-size:.9rem;overflow:hidden;text-overflow:ellipsis;padding:0 10px}.Heatmap__Average,.Heatmap__Subject{height:40px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.Heatmap__Average{font-weight:600;font-size:.7rem;-webkit-justify-content:center;justify-content:center}.Heatmap__Average--even,.Heatmap__Subject--even{background:#1a1f35}.Heatmap__Cell{height:40px;font-weight:600;color:#232840;font-size:.7rem;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.Heatmap__Average,.Heatmap__Cell,.Heatmap__Subject{transition:opacity .2s}.Heatmap__Average--inactive,.Heatmap__Cell--inactive,.Heatmap__Subject--inactive{opacity:.1}.Heatmap__ColorLegend,.Heatmap__ColorLegend__Label{margin-top:30px}.Heatmap__ColorLegend__Label{text-align:right;grid-column-start:1;grid-column-end:3;font-size:.9rem;padding-right:20px;align-self:start}.Heatmap__ColorLegend{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;-webkit-align-items:start;align-items:start;grid-column-start:3}.Heatmap__ColorLegend__Cell{font-size:.8rem;text-align:center;border-bottom:6px solid;padding:2px 0 8px}.capture .pagelayout__inner{display:block}.capture .Sidebar{display:none!important}.capture .Overview__Chart__SwitchContainer{display:none}.capture .Awards__Block{display:block}.capture .Award{width:1000px;height:500px;-webkit-justify-content:center;justify-content:center}.capture .Quadrants__Block .Block__Description{margin-bottom:0}.capture .Quadrants__Chart__Legend{padding-top:60px}.capture .Quadrants__Chart__Legend__Item{font-size:1rem}.capture #connections{width:1000px;height:500px}.capture #participation-by-country{width:1128px}.capture #salaries{width:648px}.capture #salary-per-country{width:1128px}.capture #gender-breakdown{width:892px}.capture #overview{width:988px}.capture #results-over-time{width:728px}.capture #dislikes,.capture #likes{width:1168px}.capture #quadrants{width:1458px}.capture #tool-pairing{width:880px}.capture #tool-usage-by-country{width:1428}.capture #tools-salary-range{width:1140px}.capture #tools-company-size{width:1216px}.capture #tools-years-of-experience{width:1124px}.capture #happiness{width:808px}.capture #other_languages{width:1408px}.capture #browser_apis{width:928px}.capture #build_tools{width:1088px}.capture #utility_libraries{width:768px}.capture #text_editors{width:1164px}.capture #opinion-building_js_apps_overly_complex,.capture #opinion-enjoy_building_js_apps,.capture #opinion-js_ecosystem_changing_to_fast,.capture #opinion-js_moving_in_right_direction,.capture #opinion-js_over_used_online,.capture #opinion-survey_too_long,.capture #opinion-would_like_js_to_be_main_lang{width:728px}.capture.PageLayout--javascript-flavors #other-tools{width:1068px}.capture.PageLayout--front-end-frameworks #other-tools{width:1054px;height:1054px}.capture.PageLayout--data-layer #other-tools{width:1068px}.capture.PageLayout--back-end-frameworks #other-tools{width:1054px;height:1054px}.capture.PageLayout--testing #other-tools{width:1308px}.capture.PageLayout--mobile-and-desktop #other-tools{width:908px}.mosaic{display:grid;grid-template-columns:repeat(15,1fr)}.mosaic__image{height:50px;overflow:hidden}.mosaic__image img{display:block;width:100%}
The State of CSS 2019: Shapes & Graphics This app works best with JavaScript enabled. Shapes & Graphics For the longest time, creating advanced graphic effects on the web has either required a lot of upfront work in graphics editor apps, or else just plain not been possible.
But now, with wider support for masking, blend modes, filters, and more, effects that previously seemed impossible are just a couple lines of code away. Best of all: because they're now achievable through pure CSS, you don't have to give up on accessibility and adaptability anymore.
The size of the outer circle corresponds to the total number of users who know about a feature, while the inner one represents those who have actually used it.
Hover on each node to view detailed data along with an overlay representing the total number of survey respondents.
Total Respondents: 11307 Shapes Shapes Total Respondents: 11307 object-fit object-fit Total Respondents: 11307 clip-path clip-path Total Respondents: 11307 Masking Masking Total Respondents: 11307 blend-mode blend-mode Total Respondents: 11307 Filters & Effects Filters & Effects Usage by Years Of Experience
The “overall” column shows overall usage for each feature (respondents who selected “have used it”),
while the following columns show the usage ratio for each “years of experience” bracket.
A brighter pink background indicates
a higher-than-overall-average ratio for a given bracket.
Years of Experience
Filters & Effects
52.75%
26.87%
45.25%
55.54%
61.08%
65.86%
61.88%
object-fit
39.39%
25.55%
35.42%
42.27%
42.96%
45.4%
44.71%
clip-path
35.85%
23.35%
30.2%
35.59%
40.61%
43.21%
42.12%
blend-mode
29.87%
13.66%
17.97%
28.17%
36.73%
41.51%
41.18%
Masking
23.18%
9.25%
16.09%
23.55%
29.06%
29.86%
31.29%
Shapes
20.79%
18.5%
19.23%
21.08%
23.07%
20.76%
22.12%
Difference from overall usage:
-20% -10% 0 +10% +20%
ShapesCompletion Percentage: 99.5% (11260)
Completion Percentage: 99.5% (11260)
21.5% 21.5% 47.2% 47.2% 30.9% 30.9%
Have used it 21.48%
Know what it is, but haven't used it 47.15%
Never heard of it/Not sure what it is 30.87%
CSS Shapes describe geometric shapes for use in CSS. For the Level 1 specification , CSS Shapes can be applied to floating elements.
object-fitCompletion Percentage: 99.53% (11264)
Completion Percentage: 99.53% (11264)
42.4% 42.4% 20.5% 20.5% 36.6% 36.6%
Have used it 42.4%
Know what it is, but haven't used it 20.51%
Never heard of it/Not sure what it is 36.63%
clip-pathCompletion Percentage: 99.51% (11262)
Completion Percentage: 99.51% (11262)
38.7% 38.7% 39.1% 39.1% 21.7% 21.7%
Have used it 38.71%
Know what it is, but haven't used it 39.07%
Never heard of it/Not sure what it is 21.73%
The clip-path
CSS property creates a clipping region that sets what part of an element should be shown. Parts that are inside the region are shown, while those outside are hidden.
MaskingCompletion Percentage: 99.44% (11254)
Completion Percentage: 99.44% (11254)
Have used it 26.39%
Know what it is, but haven't used it 45.04%
Never heard of it/Not sure what it is 28.02%
CSS Masking is a CSS module that defines means, including masking and clipping, for partially or fully hiding portions of visual elements.
blend-modeCompletion Percentage: 99.4% (11249)
Completion Percentage: 99.4% (11249)
33.8% 33.8% 35.4% 35.4% 30.3% 30.3%
Have used it 33.75%
Know what it is, but haven't used it 35.36%
Never heard of it/Not sure what it is 30.28%
Filters & EffectsCompletion Percentage: 99.59% (11271)
Completion Percentage: 99.59% (11271)
58.8% 58.8% 27.8% 27.8% 13% 13%
Have used it 58.75%
Know what it is, but haven't used it 27.81%
Never heard of it/Not sure what it is 13.03%
The filter
CSS property applies graphical effects like blur or color shift to an element. Filters are commonly used to adjust the rendering of images, backgrounds, and borders.
Build and optimize SVG – the scalable graphics format for the web that can achieve impressively small filesizes for fast-loading websites!