{"version":3,"file":"static/css/4194.757ae2cf.chunk.css","mappings":"AACA,QACE,qBACA,sBAEA,iBACE,4BAIJ,kBAEE,qBAIA,gBALA,eAEA,kBACA,gBACA,qBACA,CAEA,2BAUE,8BAHA,6BACA,6BACA,qBARA,qBAGA,OAQA,mBAVA,kBAIA,QADA,MAFA,mBAQA,2CACA,CAEA,iCACE,8BAGF,sCACE,kBAKN,kCACE,UAGF,6CACE,UAGF,uCAKE,kBAGF,8BAEE,UAMA,0BADA,yBACA,CAGF,yCAUE,4BARA,UAKA,oBAGA,CAGF,wCAIE,6BA6CF,wBACE,GAME,SAAQ,CADR,yBACA,CAGF,IAME,SAAQ,CADR,yBACA,CAGF,IACE,UAGF,GAME,SAAQ,CADR,wBACA,EA8CJ,yBACE,GAME,SAAQ,CADR,oBACA,CAGF,IAME,SAAQ,CADR,yBACA,CAGF,IACE,UAGF,GAME,SAAQ,CADR,yBACA,EAIJ,aACE,gBACA,mBAIA,4BAOE,wFAHA,SAHA,WAIA,WAFA,OADA,kBASA,0BALA,QAEA,SAGA,CAIJ,+BAIE,oBAHA,UAGA,CAGF,sBAEE,UADA,SAIA,uBAGF,iCACE,UACA,MAOI,qDAQE,6BALA,SAFA,WAMA,qBAFA,WADA,OAEA,kBAJA,UAMA,CAMR,yBAEE,eAGF,sCAEE,gBACA,mBAGF,6BAEE,UACA,SAGF,wCAME,uBAHA,UADA,KAIA,CAGF,uCAIE,wBAqCF,oBACE,GACE,UAKA,4BAGF,IACE,UAKA,0BAGF,GACE,UAKA,yBAsCJ,qBACE,GACE,UAKA,wBAGF,IACE,UAKA,2BAGF,GACE,UAKA,4BAMJ,uBACE,qBACA,eAGF,oCACE,gBACA,mBAGF,0CAOE,yBANA,WAKA,YAJA,kBAEA,QADA,MAEA,SAEA,CAGF,2BACE,UAGF,sCACE,UAGF,qCAIE,kBAGF,4BAEE,UAGF,uCAKE,sBAHA,SAGA,CAGF,sCAIE,uBA2BF,mBACE,GACE,UAKA,4BAGF,GACE,UAKA,yBA4BJ,oBACE,GACE,UAKA,wBAGF,GACE,UAKA,8BAMJ,4BAEE,UAGF,uCAKE,sBAHA,SAGA,CAGF,sCAIE,uBAqCF,mBACE,GACE,UAKA,4BAGF,IACE,UAKA,0BAGF,GACE,UAKA,yBAsCJ,oBACE,GACE,UAKA,wBAGF,IACE,UAKA,2BAGF,GACE,UAKA,4BAKF,eACE,kBAEA,0BACE,mBAIJ,QAGE,kBAFA,kBACA,iBACA,CAEA,WACE,kBACA,mBAMJ,eACE,UAEA,0BACE,UAIJ,QAKE,8BAKA,8DARA,6BACA,6BACA,qBAHA,qBAOA,kBADA,UAEA,4BAEA,qCALA,2CAKA,CAEA,WACE,UACA,0CAGF,YACE,UACA,4CAOJ,wBAGE,8BAFA,iFACA,6BAEA,gBAEA,8BAOE,iFAFA,SAJA,WAGA,WAEA,OAJA,kBACA,UAIA,CAMJ,8BAGE,8BAFA,gBACA,6BAEA,wBACA,gBAEA,oCACE","sources":["Assets/scss/components/_textAnime.scss"],"sourcesContent":["// rotate\r\n.rotate {\r\n  display: inline-block;\r\n  vertical-align: middle;\r\n\r\n  .cd-text {\r\n    position: absolute !important;\r\n  }\r\n}\r\n\r\n.cd-words-wrapper {\r\n  max-width: 100%;\r\n  display: inline-block;\r\n  position: relative;\r\n  text-align: left;\r\n  will-change: transform;\r\n  line-height: 1.5;\r\n\r\n  .cd-text {\r\n    display: inline-block;\r\n    position: absolute;\r\n    white-space: nowrap;\r\n    left: 0;\r\n    top: 0;\r\n    right: 0;\r\n    background: var(--text-color);\r\n    -webkit-background-clip: text;\r\n    background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    width: fit-content;\r\n    padding-right: 10px;\r\n\r\n    &:after {\r\n      background-color: var(--color);\r\n    }\r\n\r\n    &.is-visible {\r\n      position: relative;\r\n    }\r\n  }\r\n}\r\n\r\n.no-js .cd-words-wrapper .cd-text {\r\n  opacity: 0;\r\n}\r\n\r\n.no-js .cd-words-wrapper .cd-text.is-visible {\r\n  opacity: 1;\r\n}\r\n\r\n.cd-headline,\r\n.rotate,\r\n.cd-words-wrapper {\r\n  -webkit-perspective: 300px;\r\n  -moz-perspective: 300px;\r\n  perspective: 300px;\r\n}\r\n\r\n.cd-headline,\r\n.rotate .cd-text {\r\n  opacity: 0;\r\n  -webkit-transform-origin: 50% 100%;\r\n  -moz-transform-origin: 50% 100%;\r\n  -ms-transform-origin: 50% 100%;\r\n  -o-transform-origin: 50% 100%;\r\n  transform-origin: 50% 100%;\r\n  transform: rotateX(180deg);\r\n}\r\n\r\n.cd-headline,\r\n.rotate .cd-text.is-visible {\r\n  opacity: 1;\r\n  -webkit-transform: rotateX(0);\r\n  -moz-transform: rotateX(0);\r\n  -ms-transform: rotateX(0);\r\n  -o-transform: rotateX(0);\r\n  transform: rotateX(0);\r\n  -webkit-animation: cd-rotate-in 1.2s;\r\n  -moz-animation: cd-rotate-in 1.2s;\r\n  animation: cd-rotate-in 1.2s;\r\n}\r\n\r\n.cd-headline,\r\n.rotate .cd-text.is-hidden {\r\n  -webkit-animation: cd-rotate-out 1.2s;\r\n  -moz-animation: cd-rotate-out 1.2s;\r\n  animation: cd-rotate-out 1.2s;\r\n}\r\n\r\n@-webkit-keyframes cd-rotate-in {\r\n  0% {\r\n    -webkit-transform: rotateX(180deg);\r\n    opacity: 0;\r\n  }\r\n\r\n  35% {\r\n    -webkit-transform: rotateX(120deg);\r\n    opacity: 0;\r\n  }\r\n\r\n  65% {\r\n    opacity: 0;\r\n  }\r\n\r\n  100% {\r\n    -webkit-transform: rotateX(360deg);\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n@-moz-keyframes cd-rotate-in {\r\n  0% {\r\n    -moz-transform: rotateX(180deg);\r\n    opacity: 0;\r\n  }\r\n\r\n  35% {\r\n    -moz-transform: rotateX(120deg);\r\n    opacity: 0;\r\n  }\r\n\r\n  65% {\r\n    opacity: 0;\r\n  }\r\n\r\n  100% {\r\n    -moz-transform: rotateX(360deg);\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n@keyframes cd-rotate-in {\r\n  0% {\r\n    -webkit-transform: rotateX(180deg);\r\n    -moz-transform: rotateX(180deg);\r\n    -ms-transform: rotateX(180deg);\r\n    -o-transform: rotateX(180deg);\r\n    transform: rotateX(180deg);\r\n    opacity: 0;\r\n  }\r\n\r\n  35% {\r\n    -webkit-transform: rotateX(120deg);\r\n    -moz-transform: rotateX(120deg);\r\n    -ms-transform: rotateX(120deg);\r\n    -o-transform: rotateX(120deg);\r\n    transform: rotateX(120deg);\r\n    opacity: 0;\r\n  }\r\n\r\n  65% {\r\n    opacity: 0;\r\n  }\r\n\r\n  100% {\r\n    -webkit-transform: rotateX(360deg);\r\n    -moz-transform: rotateX(360deg);\r\n    -ms-transform: rotateX(360deg);\r\n    -o-transform: rotateX(360deg);\r\n    transform: rotateX(360deg);\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n@-webkit-keyframes cd-rotate-out {\r\n  0% {\r\n    -webkit-transform: rotateX(0);\r\n    opacity: 1;\r\n  }\r\n\r\n  35% {\r\n    -webkit-transform: rotateX(-40deg);\r\n    opacity: 1;\r\n  }\r\n\r\n  65% {\r\n    opacity: 0;\r\n  }\r\n\r\n  100% {\r\n    -webkit-transform: rotateX(180deg);\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n@-moz-keyframes cd-rotate-out {\r\n  0% {\r\n    -moz-transform: rotateX(0);\r\n    opacity: 1;\r\n  }\r\n\r\n  35% {\r\n    -moz-transform: rotateX(-40deg);\r\n    opacity: 1;\r\n  }\r\n\r\n  65% {\r\n    opacity: 0;\r\n  }\r\n\r\n  100% {\r\n    -moz-transform: rotateX(180deg);\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n@keyframes cd-rotate-out {\r\n  0% {\r\n    -webkit-transform: rotateX(0);\r\n    -moz-transform: rotateX(0);\r\n    -ms-transform: rotateX(0);\r\n    -o-transform: rotateX(0);\r\n    transform: rotateX(0);\r\n    opacity: 1;\r\n  }\r\n\r\n  35% {\r\n    -webkit-transform: rotateX(-40deg);\r\n    -moz-transform: rotateX(-40deg);\r\n    -ms-transform: rotateX(-40deg);\r\n    -o-transform: rotateX(-40deg);\r\n    transform: rotateX(-40deg);\r\n    opacity: 1;\r\n  }\r\n\r\n  65% {\r\n    opacity: 0;\r\n  }\r\n\r\n  100% {\r\n    -webkit-transform: rotateX(180deg);\r\n    -moz-transform: rotateX(180deg);\r\n    -ms-transform: rotateX(180deg);\r\n    -o-transform: rotateX(180deg);\r\n    transform: rotateX(180deg);\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n.loading-bar {\r\n  overflow: hidden;\r\n  vertical-align: top;\r\n}\r\n\r\n.loading-bar {\r\n  .cd-text::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 0;\r\n    bottom: 0;\r\n    height: 3px;\r\n    width: 0;\r\n    background-color: var(--line-color, #4132e0) !important;\r\n    z-index: 2;\r\n    -webkit-transition: width 0.3s -0.1s;\r\n    -moz-transition: width 0.3s -0.1s;\r\n    transition: width 0.3s -0.1s;\r\n  }\r\n}\r\n\r\n.loading-bar .is-visible::after {\r\n  width: 100%;\r\n  -webkit-transition: width 3s;\r\n  -moz-transition: width 3s;\r\n  transition: width 3s;\r\n}\r\n\r\n.loading-bar .cd-text {\r\n  top: 0.2em;\r\n  opacity: 0;\r\n  -webkit-transition: opacity 0.3s;\r\n  -moz-transition: opacity 0.3s;\r\n  transition: opacity 0.3s;\r\n}\r\n\r\n.loading-bar .cd-text.is-visible {\r\n  opacity: 1;\r\n  top: 0;\r\n}\r\n\r\n// Slide\r\n.cd-words-wrapper {\r\n  &.fancy-border-bottom {\r\n    .cd-text {\r\n      &::after {\r\n        content: \"\";\r\n        width: 100%;\r\n        bottom: 0;\r\n        left: 0;\r\n        height: 2px;\r\n        position: absolute;\r\n        display: inline-block;\r\n        background: var(--text-color);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.cd-headline,\r\n.slide span {\r\n  display: inline;\r\n}\r\n\r\n.cd-headline,\r\n.slide .cd-words-wrapper {\r\n  overflow: hidden;\r\n  vertical-align: top;\r\n}\r\n\r\n.cd-headline,\r\n.slide .cd-text {\r\n  opacity: 0;\r\n  top: 0.2em;\r\n}\r\n\r\n.cd-headline,\r\n.slide .cd-text.is-visible {\r\n  top: 0;\r\n  opacity: 1;\r\n  -webkit-animation: slide-in 0.6s;\r\n  -moz-animation: slide-in 0.6s;\r\n  animation: slide-in 0.6s;\r\n}\r\n\r\n.cd-headline,\r\n.slide .cd-text.is-hidden {\r\n  -webkit-animation: slide-out 0.6s;\r\n  -moz-animation: slide-out 0.6s;\r\n  animation: slide-out 0.6s;\r\n}\r\n\r\n@-webkit-keyframes slide-in {\r\n  0% {\r\n    opacity: 0;\r\n    -webkit-transform: translateY(-100%);\r\n  }\r\n\r\n  60% {\r\n    opacity: 1;\r\n    -webkit-transform: translateY(20%);\r\n  }\r\n\r\n  100% {\r\n    opacity: 1;\r\n    -webkit-transform: translateY(0);\r\n  }\r\n}\r\n\r\n@-moz-keyframes slide-in {\r\n  0% {\r\n    opacity: 0;\r\n    -moz-transform: translateY(-100%);\r\n  }\r\n\r\n  60% {\r\n    opacity: 1;\r\n    -moz-transform: translateY(20%);\r\n  }\r\n\r\n  100% {\r\n    opacity: 1;\r\n    -moz-transform: translateY(0);\r\n  }\r\n}\r\n\r\n@keyframes slide-in {\r\n  0% {\r\n    opacity: 0;\r\n    -webkit-transform: translateY(-100%);\r\n    -moz-transform: translateY(-100%);\r\n    -ms-transform: translateY(-100%);\r\n    -o-transform: translateY(-100%);\r\n    transform: translateY(-100%);\r\n  }\r\n\r\n  60% {\r\n    opacity: 1;\r\n    -webkit-transform: translateY(20%);\r\n    -moz-transform: translateY(20%);\r\n    -ms-transform: translateY(20%);\r\n    -o-transform: translateY(20%);\r\n    transform: translateY(20%);\r\n  }\r\n\r\n  100% {\r\n    opacity: 1;\r\n    -webkit-transform: translateY(0);\r\n    -moz-transform: translateY(0);\r\n    -ms-transform: translateY(0);\r\n    -o-transform: translateY(0);\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n@-webkit-keyframes slide-out {\r\n  0% {\r\n    opacity: 1;\r\n    -webkit-transform: translateY(0);\r\n  }\r\n\r\n  60% {\r\n    opacity: 0;\r\n    -webkit-transform: translateY(120%);\r\n  }\r\n\r\n  100% {\r\n    opacity: 0;\r\n    -webkit-transform: translateY(100%);\r\n  }\r\n}\r\n\r\n@-moz-keyframes slide-out {\r\n  0% {\r\n    opacity: 1;\r\n    -moz-transform: translateY(0);\r\n  }\r\n\r\n  60% {\r\n    opacity: 0;\r\n    -moz-transform: translateY(120%);\r\n  }\r\n\r\n  100% {\r\n    opacity: 0;\r\n    -moz-transform: translateY(100%);\r\n  }\r\n}\r\n\r\n@keyframes slide-out {\r\n  0% {\r\n    opacity: 1;\r\n    -webkit-transform: translateY(0);\r\n    -moz-transform: translateY(0);\r\n    -ms-transform: translateY(0);\r\n    -o-transform: translateY(0);\r\n    transform: translateY(0);\r\n  }\r\n\r\n  60% {\r\n    opacity: 0;\r\n    -webkit-transform: translateY(120%);\r\n    -moz-transform: translateY(120%);\r\n    -ms-transform: translateY(120%);\r\n    -o-transform: translateY(120%);\r\n    transform: translateY(120%);\r\n  }\r\n\r\n  100% {\r\n    opacity: 0;\r\n    -webkit-transform: translateY(100%);\r\n    -moz-transform: translateY(100%);\r\n    -ms-transform: translateY(100%);\r\n    -o-transform: translateY(100%);\r\n    transform: translateY(100%);\r\n  }\r\n}\r\n\r\n// Clip\r\n\r\n.cd-headline.clip span {\r\n  display: inline-block;\r\n  padding: 0.2em 0;\r\n}\r\n\r\n.cd-headline.clip .cd-words-wrapper {\r\n  overflow: hidden;\r\n  vertical-align: top;\r\n}\r\n\r\n.cd-headline.clip .cd-words-wrapper::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n  width: 2px;\r\n  height: 100%;\r\n  background-color: #aebcb9;\r\n}\r\n\r\n.cd-headline.clip .cd-text {\r\n  opacity: 0;\r\n}\r\n\r\n.cd-headline.clip .cd-text.is-visible {\r\n  opacity: 1;\r\n}\r\n\r\n.cd-headline,\r\n.zoom .cd-words-wrapper {\r\n  -webkit-perspective: 300px;\r\n  -moz-perspective: 300px;\r\n  perspective: 300px;\r\n}\r\n\r\n.cd-headline,\r\n.zoom .cd-text {\r\n  opacity: 0;\r\n}\r\n\r\n.cd-headline,\r\n.zoom .cd-text.is-visible {\r\n  opacity: 1;\r\n  -webkit-animation: zoom-in 0.8s;\r\n  -moz-animation: zoom-in 0.8s;\r\n  animation: zoom-in 0.8s;\r\n}\r\n\r\n.cd-headline,\r\n.zoom .cd-text.is-hidden {\r\n  -webkit-animation: zoom-out 0.8s;\r\n  -moz-animation: zoom-out 0.8s;\r\n  animation: zoom-out 0.8s;\r\n}\r\n\r\n@-webkit-keyframes zoom-in {\r\n  0% {\r\n    opacity: 0;\r\n    -webkit-transform: translateZ(100px);\r\n  }\r\n\r\n  100% {\r\n    opacity: 1;\r\n    -webkit-transform: translateZ(0);\r\n  }\r\n}\r\n\r\n@-moz-keyframes zoom-in {\r\n  0% {\r\n    opacity: 0;\r\n    -moz-transform: translateZ(100px);\r\n  }\r\n\r\n  100% {\r\n    opacity: 1;\r\n    -moz-transform: translateZ(0);\r\n  }\r\n}\r\n\r\n@keyframes zoom-in {\r\n  0% {\r\n    opacity: 0;\r\n    -webkit-transform: translateZ(100px);\r\n    -moz-transform: translateZ(100px);\r\n    -ms-transform: translateZ(100px);\r\n    -o-transform: translateZ(100px);\r\n    transform: translateZ(100px);\r\n  }\r\n\r\n  100% {\r\n    opacity: 1;\r\n    -webkit-transform: translateZ(0);\r\n    -moz-transform: translateZ(0);\r\n    -ms-transform: translateZ(0);\r\n    -o-transform: translateZ(0);\r\n    transform: translateZ(0);\r\n  }\r\n}\r\n\r\n@-webkit-keyframes zoom-out {\r\n  0% {\r\n    opacity: 1;\r\n    -webkit-transform: translateZ(0);\r\n  }\r\n\r\n  100% {\r\n    opacity: 0;\r\n    -webkit-transform: translateZ(-100px);\r\n  }\r\n}\r\n\r\n@-moz-keyframes zoom-out {\r\n  0% {\r\n    opacity: 1;\r\n    -moz-transform: translateZ(0);\r\n  }\r\n\r\n  100% {\r\n    opacity: 0;\r\n    -moz-transform: translateZ(-100px);\r\n  }\r\n}\r\n\r\n@keyframes zoom-out {\r\n  0% {\r\n    opacity: 1;\r\n    -webkit-transform: translateZ(0);\r\n    -moz-transform: translateZ(0);\r\n    -ms-transform: translateZ(0);\r\n    -o-transform: translateZ(0);\r\n    transform: translateZ(0);\r\n  }\r\n\r\n  100% {\r\n    opacity: 0;\r\n    -webkit-transform: translateZ(-100px);\r\n    -moz-transform: translateZ(-100px);\r\n    -ms-transform: translateZ(-100px);\r\n    -o-transform: translateZ(-100px);\r\n    transform: translateZ(-100px);\r\n  }\r\n}\r\n\r\n// Push\r\n\r\n.cd-headline,\r\n.push .cd-text {\r\n  opacity: 0;\r\n}\r\n\r\n.cd-headline,\r\n.push .cd-text.is-visible {\r\n  opacity: 1;\r\n  -webkit-animation: push-in 0.6s;\r\n  -moz-animation: push-in 0.6s;\r\n  animation: push-in 0.6s;\r\n}\r\n\r\n.cd-headline,\r\n.push .cd-text.is-hidden {\r\n  -webkit-animation: push-out 0.6s;\r\n  -moz-animation: push-out 0.6s;\r\n  animation: push-out 0.6s;\r\n}\r\n\r\n@-webkit-keyframes push-in {\r\n  0% {\r\n    opacity: 0;\r\n    -webkit-transform: translateX(-100%);\r\n  }\r\n\r\n  60% {\r\n    opacity: 1;\r\n    -webkit-transform: translateX(10%);\r\n  }\r\n\r\n  100% {\r\n    opacity: 1;\r\n    -webkit-transform: translateX(0);\r\n  }\r\n}\r\n\r\n@-moz-keyframes push-in {\r\n  0% {\r\n    opacity: 0;\r\n    -moz-transform: translateX(-100%);\r\n  }\r\n\r\n  60% {\r\n    opacity: 1;\r\n    -moz-transform: translateX(10%);\r\n  }\r\n\r\n  100% {\r\n    opacity: 1;\r\n    -moz-transform: translateX(0);\r\n  }\r\n}\r\n\r\n@keyframes push-in {\r\n  0% {\r\n    opacity: 0;\r\n    -webkit-transform: translateX(-100%);\r\n    -moz-transform: translateX(-100%);\r\n    -ms-transform: translateX(-100%);\r\n    -o-transform: translateX(-100%);\r\n    transform: translateX(-100%);\r\n  }\r\n\r\n  60% {\r\n    opacity: 1;\r\n    -webkit-transform: translateX(10%);\r\n    -moz-transform: translateX(10%);\r\n    -ms-transform: translateX(10%);\r\n    -o-transform: translateX(10%);\r\n    transform: translateX(10%);\r\n  }\r\n\r\n  100% {\r\n    opacity: 1;\r\n    -webkit-transform: translateX(0);\r\n    -moz-transform: translateX(0);\r\n    -ms-transform: translateX(0);\r\n    -o-transform: translateX(0);\r\n    transform: translateX(0);\r\n  }\r\n}\r\n\r\n@-webkit-keyframes push-out {\r\n  0% {\r\n    opacity: 1;\r\n    -webkit-transform: translateX(0);\r\n  }\r\n\r\n  60% {\r\n    opacity: 0;\r\n    -webkit-transform: translateX(110%);\r\n  }\r\n\r\n  100% {\r\n    opacity: 0;\r\n    -webkit-transform: translateX(100%);\r\n  }\r\n}\r\n\r\n@-moz-keyframes push-out {\r\n  0% {\r\n    opacity: 1;\r\n    -moz-transform: translateX(0);\r\n  }\r\n\r\n  60% {\r\n    opacity: 0;\r\n    -moz-transform: translateX(110%);\r\n  }\r\n\r\n  100% {\r\n    opacity: 0;\r\n    -moz-transform: translateX(100%);\r\n  }\r\n}\r\n\r\n@keyframes push-out {\r\n  0% {\r\n    opacity: 1;\r\n    -webkit-transform: translateX(0);\r\n    -moz-transform: translateX(0);\r\n    -ms-transform: translateX(0);\r\n    -o-transform: translateX(0);\r\n    transform: translateX(0);\r\n  }\r\n\r\n  60% {\r\n    opacity: 0;\r\n    -webkit-transform: translateX(110%);\r\n    -moz-transform: translateX(110%);\r\n    -ms-transform: translateX(110%);\r\n    -o-transform: translateX(110%);\r\n    transform: translateX(110%);\r\n  }\r\n\r\n  100% {\r\n    opacity: 0;\r\n    -webkit-transform: translateX(100%);\r\n    -moz-transform: translateX(100%);\r\n    -ms-transform: translateX(100%);\r\n    -o-transform: translateX(100%);\r\n    transform: translateX(100%);\r\n  }\r\n}\r\n\r\n.type {\r\n  .cd-text {\r\n    visibility: hidden;\r\n\r\n    &.is-visible {\r\n      visibility: visible;\r\n    }\r\n  }\r\n\r\n  i {\r\n    position: absolute;\r\n    visibility: hidden;\r\n    font-style: normal;\r\n\r\n    &.in {\r\n      position: relative;\r\n      visibility: visible;\r\n    }\r\n  }\r\n}\r\n\r\n.flip {\r\n  .cd-text {\r\n    opacity: 0;\r\n\r\n    &.is-visible {\r\n      opacity: 1;\r\n    }\r\n  }\r\n\r\n  i {\r\n    display: inline-block;\r\n    background: var(--text-color);\r\n    -webkit-background-clip: text;\r\n    background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    width: fit-content;\r\n    opacity: 0;\r\n    font-style: normal;\r\n    transform-style: preserve-3d;\r\n    backface-visibility: hidden;\r\n    transition: transform 0.3s ease-in-out;\r\n\r\n    &.in {\r\n      opacity: 1;\r\n      transform: translateZ(-20px) rotateX(0deg);\r\n    }\r\n\r\n    &.out {\r\n      opacity: 0;\r\n      transform: translateZ(-20px) rotateX(-90deg);\r\n    }\r\n  }\r\n}\r\n\r\n/* Animated text */\r\n.animated-text {\r\n  .cd-text {\r\n    background: linear-gradient(to right top, #0039e3, #4132e0, #5e28dd, #741bd9, #8600d4);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    font-weight: 600;\r\n\r\n    &:after {\r\n      content: \"\";\r\n      position: absolute;\r\n      width: 100%;\r\n      height: 2px;\r\n      bottom: 0;\r\n      left: 0;\r\n      background: linear-gradient(to right top, #0039e3, #4132e0, #5e28dd, #741bd9, #8600d4);\r\n    }\r\n  }\r\n}\r\n\r\n.animated-text-black {\r\n  .cd-text {\r\n    background: black;\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    border-bottom: 3px solid;\r\n    font-weight: 600;\r\n\r\n    &:after {\r\n      display: none;\r\n    }\r\n  }\r\n}"],"names":[],"sourceRoot":""}