{"version":3,"sources":["typing-rotator.scss","typing-rotator.css"],"names":[],"mappings":"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D,CAQA,oB,CAPE,iB,CAWF,+B,CACE,kB,CAGF,oB,CACE,iB,CACA,iB,CAGF,uB,CACE,iB,CACA,kB,CAGF,gD,CAGM,0B,CAgCN,0C,CAEE,iB,CCnCF,yB,CDsCA,wB,CAEE,oB,CACA,kC,CACA,0B,CAGF,wB,CACE,S,CAGF,wB,CAIE,2B,CAGA,+C,CACA,S,CAGF,oC,CAiCA,uD,CAhCE,S,CAGF,2B,CACE,6C,CACA,qC,CAGF,4B,CACE,8C,CACA,sC,CAGF,yB,CAGE,0B,CAGF,2C,CAGE,uB,CACA,S,CAGF,8C,CAGE,kB,CAuDF,8B,CACE,oB,CACA,c,CA4HF,sC,CAzHA,6C,CA+CA,uC,CA9CE,e,CACA,kB,CAGF,oD,CAEE,U,CACA,iB,CACA,M,CACA,Q,CACA,U,CACA,O,CACA,e,CACA,S,CAEA,yB,CAGF,+D,CACE,U,CAEA,mB,CAGF,2B,CACE,Q,CACA,S,CAEA,sB,CAGF,sC,CACE,S,CACA,K,CAmFF,uB,CA1EA,wB,CACE,oB,CAQF,qB,CACE,S,CACA,Q,CAGF,gC,CACE,K,CACA,S,CACA,8B,CACA,sB,CAGF,+B,CACE,+B,CACA,uB,CA4DF,6C,CAEE,U,CACA,iB,CACA,O,CAGA,0B,CACA,O,CACA,S,CACA,U,CACA,qC,CAGF,oB,CAkOA,oB,CAvJA,wB,CAwEA,qB,CAhIA,oB,CAlBE,S,CAGF,+B,CA2GA,uD,CA1GE,S,CASF,sC,CAEE,iB,CAOF,+B,CACE,S,CACA,6B,CACA,qB,CAGF,8B,CACE,8B,CACA,sB,CAuCF,0C,CAEE,iB,CAOF,wB,CACE,oB,CAGA,0C,CACA,kC,CACA,0B,CAGF,oC,CAGE,sC,CAGF,2B,CACE,6C,CACA,qC,CAGF,4B,CACE,8C,CACA,sC,CAGF,2C,CAGE,sC,CACA,S,CA2CF,qB,CACE,oB,CACA,S,CAGA,kB,CAGF,iC,CAqBA,oD,CApBE,S,CAGF,wB,CACE,uC,CACA,+B,CAGF,yB,CACE,yC,CACA,iC,CAGF,wC,CAGE,kB,CACA,S,CAqDF,+B,CACE,S,CACA,6B,CACA,qB,CAGF,8B,CACE,8B,CACA,sB,CAgDA,kB,CACE,gB,CACA,mB,CACA,e,CACA,U,CACA,sB,CACA,6B,CACA,kB,CAPD,sC,CASG,a,CAGJ,qB,CACE,e,CACA,iB,CACA,0B,CACA,qB,CACA,kB,CAEF,2B,CACE,e,CACA,2B,CAEF,wB,CACE,e,CACA,2B,CAFD,4C,CAIG,S,CA9BN,sC,CAmCM,iB,CAMJ,oCADF,sB,CAAA,sB,CAGM,gB","file":"../typing-rotator.css","sourcesContent":[".brk-words-rotators {\r\n  display: inline-block;\r\n  position: relative;\r\n  text-align: left;\r\n}\r\n\r\n.brk-words-rotators b {\r\n  display: inline-block;\r\n  position: absolute;\r\n  white-space: nowrap;\r\n  font-weight: inherit;\r\n  left: 0;\r\n  top: 0;\r\n}\r\n\r\n.letters .brk-words-rotators b {\r\n  left: 50%;\r\n  -webkit-transform: translateX(-50%);\r\n  -ms-transform: translateX(-50%);\r\n  transform: translateX(-50%);\r\n}\r\n\r\n.brk-words-rotators i,\r\n.brk-words-rotators em {\r\n  font-style: normal;\r\n}\r\n\r\n.brk-words-rotators b.is-visible {\r\n  position: relative;\r\n}\r\n\r\n.no-js .brk-words-rotators b {\r\n  opacity: 0;\r\n}\r\n\r\n.no-js .brk-words-rotators b.is-visible {\r\n  opacity: 1;\r\n}\r\n\r\n/* -------------------------------- \r\n  \r\n  xrotate-1 \r\n  \r\n  -------------------------------- */\r\n\r\n.brk-headline.rotate-1 .brk-words-rotators {\r\n  -webkit-perspective: 300px;\r\n  perspective: 300px;\r\n}\r\n\r\n.brk-headline.rotate-1 b {\r\n  opacity: 0;\r\n  -webkit-transform-origin: 50% 100%;\r\n  -ms-transform-origin: 50% 100%;\r\n  transform-origin: 50% 100%;\r\n  -webkit-transform: rotateX(180deg);\r\n  -ms-transform: rotateX(180deg);\r\n  transform: rotateX(180deg);\r\n}\r\n\r\n.brk-headline.rotate-1 b.is-visible {\r\n  opacity: 1;\r\n  -webkit-transform: rotateX(0deg);\r\n  -ms-transform: rotateX(0deg);\r\n  transform: rotateX(0deg);\r\n  -webkit-animation: cd-rotate-1-in 1.5s;\r\n  animation: cd-rotate-1-in 1.5s;\r\n}\r\n\r\n.brk-headline.rotate-1 b.is-hidden {\r\n  -webkit-transform: rotateX(180deg);\r\n  -ms-transform: rotateX(180deg);\r\n  transform: rotateX(180deg);\r\n  -webkit-animation: cd-rotate-1-out 1.5s;\r\n  animation: cd-rotate-1-out 1.5s;\r\n}\r\n\r\n@keyframes cd-rotate-1-in {\r\n  0% {\r\n    -webkit-transform: rotateX(180deg);\r\n    -ms-transform: rotateX(180deg);\r\n    transform: rotateX(180deg);\r\n    opacity: 0;\r\n  }\r\n  35% {\r\n    -webkit-transform: rotateX(120deg);\r\n    -ms-transform: rotateX(120deg);\r\n    transform: rotateX(120deg);\r\n    opacity: 0;\r\n  }\r\n  65% {\r\n    opacity: 0;\r\n  }\r\n  100% {\r\n    -webkit-transform: rotateX(360deg);\r\n    -ms-transform: rotateX(360deg);\r\n    transform: rotateX(360deg);\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n@keyframes cd-rotate-1-out {\r\n  0% {\r\n    -webkit-transform: rotateX(0deg);\r\n    -ms-transform: rotateX(0deg);\r\n    transform: rotateX(0deg);\r\n    opacity: 1;\r\n  }\r\n  35% {\r\n    -webkit-transform: rotateX(-40deg);\r\n    -ms-transform: rotateX(-40deg);\r\n    transform: rotateX(-40deg);\r\n    opacity: 1;\r\n  }\r\n  65% {\r\n    opacity: 0;\r\n  }\r\n  100% {\r\n    -webkit-transform: rotateX(180deg);\r\n    -ms-transform: rotateX(180deg);\r\n    transform: rotateX(180deg);\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n/* -------------------------------- \r\n  \r\n  xtype \r\n  \r\n  -------------------------------- */\r\n\r\n.brk-headline.type .brk-words-rotators {\r\n  vertical-align: top;\r\n  overflow: hidden;\r\n}\r\n\r\n.brk-headline.type .brk-words-rotators::after {\r\n  /* vertical bar */\r\n  content: '';\r\n  position: absolute;\r\n  right: 0;\r\n  top: 50%;\r\n  bottom: auto;\r\n  -webkit-transform: translateY(-50%);\r\n  -ms-transform: translateY(-50%);\r\n  transform: translateY(-50%);\r\n  height: 90%;\r\n  width: 1px;\r\n  background-color: rgba(0, 0, 0, 0.9);\r\n}\r\n\r\n.brk-headline.type .brk-words-rotators.waiting::after {\r\n  -webkit-animation: cd-pulse 1s infinite;\r\n  animation: cd-pulse 1s infinite;\r\n}\r\n\r\n.brk-headline.type .brk-words-rotators.selected {\r\n  background-color: rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.brk-headline.type .brk-words-rotators.selected::after {\r\n  visibility: hidden;\r\n}\r\n\r\n.brk-headline.type .brk-words-rotators.selected b {\r\n  /*base colors*/\r\n}\r\n\r\n.brk-headline.type b {\r\n  visibility: hidden;\r\n}\r\n\r\n.brk-headline.type b.is-visible {\r\n  visibility: visible;\r\n}\r\n\r\n.brk-headline.type i {\r\n  position: absolute;\r\n  visibility: hidden;\r\n}\r\n\r\n.brk-headline.type i.in {\r\n  position: relative;\r\n  visibility: visible;\r\n}\r\n\r\n.brk-headline {\r\n  &.type {\r\n    .brk-words-wrapper.selected b {\r\n      color: var(--brand-primary);\r\n    }\r\n  }\r\n}\r\n\r\n@keyframes cd-pulse {\r\n  0% {\r\n    -webkit-transform: translateY(-50%) scale(1);\r\n    -ms-transform: translateY(-50%) scale(1);\r\n    transform: translateY(-50%) scale(1);\r\n    opacity: 1;\r\n  }\r\n  40% {\r\n    -webkit-transform: translateY(-50%) scale(0.9);\r\n    -ms-transform: translateY(-50%) scale(0.9);\r\n    transform: translateY(-50%) scale(0.9);\r\n    opacity: 0;\r\n  }\r\n  100% {\r\n    -webkit-transform: translateY(-50%) scale(0);\r\n    -ms-transform: translateY(-50%) scale(0);\r\n    transform: translateY(-50%) scale(0);\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n/* -------------------------------- \r\n  \r\n  xrotate-2 \r\n  \r\n  -------------------------------- */\r\n\r\n.brk-headline.rotate-2 .brk-words-rotators {\r\n  -webkit-perspective: 300px;\r\n  perspective: 300px;\r\n}\r\n\r\n.brk-headline.rotate-2 i,\r\n.brk-headline.rotate-2 em {\r\n  display: inline-block;\r\n  -webkit-backface-visibility: hidden;\r\n  backface-visibility: hidden;\r\n}\r\n\r\n.brk-headline.rotate-2 b {\r\n  opacity: 0;\r\n}\r\n\r\n.brk-headline.rotate-2 i {\r\n  -webkit-transform-style: preserve-3d;\r\n  -ms-transform-style: preserve-3d;\r\n  -o-transform-style: preserve-3d;\r\n  transform-style: preserve-3d;\r\n  -webkit-transform: translate3d(0, 0, -20px) rotateX(90deg);\r\n  -ms-transform: translate3d(0, 0, -20px) rotateX(90deg);\r\n  transform: translate3d(0, 0, -20px) rotateX(90deg);\r\n  opacity: 0;\r\n}\r\n\r\n.is-visible .brk-headline.rotate-2 i {\r\n  opacity: 1;\r\n}\r\n\r\n.brk-headline.rotate-2 i.in {\r\n  -webkit-animation: cd-rotate-2-in 0.5s forwards;\r\n  animation: cd-rotate-2-in 0.5s forwards;\r\n}\r\n\r\n.brk-headline.rotate-2 i.out {\r\n  -webkit-animation: cd-rotate-2-out 0.5s forwards;\r\n  animation: cd-rotate-2-out 0.5s forwards;\r\n}\r\n\r\n.brk-headline.rotate-2 em {\r\n  -webkit-transform: translateZ(20px);\r\n  -ms-transform: translateZ(20px);\r\n  transform: translateZ(20px);\r\n}\r\n\r\n.no-csstransitions .brk-headline.rotate-2 i {\r\n  -webkit-transform: rotateX(0deg);\r\n  -ms-transform: rotateX(0deg);\r\n  transform: rotateX(0deg);\r\n  opacity: 0;\r\n}\r\n\r\n.no-csstransitions .brk-headline.rotate-2 i em {\r\n  -webkit-transform: scale(1);\r\n  -ms-transform: scale(1);\r\n  transform: scale(1);\r\n}\r\n\r\n.no-csstransitions .brk-headline.rotate-2 .is-visible i {\r\n  opacity: 1;\r\n}\r\n\r\n@keyframes cd-rotate-2-in {\r\n  0% {\r\n    opacity: 0;\r\n    -webkit-transform: translateZ(-20px) rotateX(90deg);\r\n    -ms-transform: translateZ(-20px) rotateX(90deg);\r\n    transform: translateZ(-20px) rotateX(90deg);\r\n  }\r\n  60% {\r\n    opacity: 1;\r\n    -webkit-transform: translateZ(-20px) rotateX(-10deg);\r\n    -ms-transform: translateZ(-20px) rotateX(-10deg);\r\n    transform: translateZ(-20px) rotateX(-10deg);\r\n  }\r\n  100% {\r\n    opacity: 1;\r\n    -webkit-transform: translateZ(-20px) rotateX(0deg);\r\n    -ms-transform: translateZ(-20px) rotateX(0deg);\r\n    transform: translateZ(-20px) rotateX(0deg);\r\n  }\r\n}\r\n\r\n@keyframes cd-rotate-2-out {\r\n  0% {\r\n    opacity: 1;\r\n    -webkit-transform: translateZ(-20px) rotateX(0);\r\n    -ms-transform: translateZ(-20px) rotateX(0);\r\n    transform: translateZ(-20px) rotateX(0);\r\n  }\r\n  60% {\r\n    opacity: 0;\r\n    -webkit-transform: translateZ(-20px) rotateX(-100deg);\r\n    -ms-transform: translateZ(-20px) rotateX(-100deg);\r\n    transform: translateZ(-20px) rotateX(-100deg);\r\n  }\r\n  100% {\r\n    opacity: 0;\r\n    -webkit-transform: translateZ(-20px) rotateX(-90deg);\r\n    -ms-transform: translateZ(-20px) rotateX(-90deg);\r\n    transform: translateZ(-20px) rotateX(-90deg);\r\n  }\r\n}\r\n\r\n/* -------------------------------- \r\n  \r\n  xloading-bar \r\n  \r\n  -------------------------------- */\r\n\r\n.brk-headline.loading-bar span {\r\n  display: inline-block;\r\n  padding: .2em 0;\r\n}\r\n\r\n.brk-headline.loading-bar .brk-words-rotators {\r\n  overflow: hidden;\r\n  vertical-align: top;\r\n}\r\n\r\n.brk-headline.loading-bar .brk-words-rotators::after {\r\n  /* loading bar */\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: #ffffff;\r\n  z-index: 2;\r\n  -webkit-transition: width 0.3s -0.1s;\r\n  transition: width 0.3s -0.1s;\r\n}\r\n\r\n.brk-headline.loading-bar .brk-words-rotators.is-loading::after {\r\n  width: 100%;\r\n  -webkit-transition: width 3s;\r\n  transition: width 3s;\r\n}\r\n\r\n.brk-headline.loading-bar b {\r\n  top: .2em;\r\n  opacity: 0;\r\n  -webkit-transition: opacity 0.3s;\r\n  transition: opacity 0.3s;\r\n}\r\n\r\n.brk-headline.loading-bar b.is-visible {\r\n  opacity: 1;\r\n  top: 0;\r\n}\r\n\r\n/* -------------------------------- \r\n  \r\n  xslide \r\n  \r\n  -------------------------------- */\r\n\r\n.brk-headline.slide span {\r\n  display: inline-block;\r\n}\r\n\r\n.brk-headline.slide .brk-words-rotators {\r\n  overflow: hidden;\r\n  vertical-align: top;\r\n}\r\n\r\n.brk-headline.slide b {\r\n  opacity: 0;\r\n  top: .2em;\r\n}\r\n\r\n.brk-headline.slide b.is-visible {\r\n  top: 0;\r\n  opacity: 1;\r\n  -webkit-animation: slide-in 0.6s;\r\n  animation: slide-in 0.6s;\r\n}\r\n\r\n.brk-headline.slide b.is-hidden {\r\n  -webkit-animation: slide-out 0.6s;\r\n  animation: slide-out 0.6s;\r\n}\r\n\r\n@keyframes slide-in {\r\n  0% {\r\n    opacity: 0;\r\n    -webkit-transform: translateY(-100%);\r\n    -ms-transform: translateY(-100%);\r\n    transform: translateY(-100%);\r\n  }\r\n  60% {\r\n    opacity: 1;\r\n    -webkit-transform: translateY(20%);\r\n    -ms-transform: translateY(20%);\r\n    transform: translateY(20%);\r\n  }\r\n  100% {\r\n    opacity: 1;\r\n    -webkit-transform: translateY(0);\r\n    -ms-transform: translateY(0);\r\n    transform: translateY(0);\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    -ms-transform: translateY(0);\r\n    transform: translateY(0);\r\n  }\r\n  60% {\r\n    opacity: 0;\r\n    -webkit-transform: translateY(120%);\r\n    -ms-transform: translateY(120%);\r\n    transform: translateY(120%);\r\n  }\r\n  100% {\r\n    opacity: 0;\r\n    -webkit-transform: translateY(100%);\r\n    -ms-transform: translateY(100%);\r\n    transform: translateY(100%);\r\n  }\r\n}\r\n\r\n/* -------------------------------- \r\n  \r\n  xclip \r\n  \r\n  -------------------------------- */\r\n\r\n.brk-headline.clip span {\r\n  display: inline-block;\r\n}\r\n\r\n.brk-headline.clip .brk-words-rotators {\r\n  overflow: hidden;\r\n  vertical-align: top;\r\n}\r\n\r\n.brk-headline.clip .brk-words-rotators::after {\r\n  /* line */\r\n  content: '';\r\n  position: absolute;\r\n  top: 50%;\r\n  -webkit-transform: translateY(-50%);\r\n  -ms-transform: translateY(-50%);\r\n  transform: translateY(-50%);\r\n  right: 0;\r\n  width: 1px;\r\n  height: 70%;\r\n  background-color: rgba(255, 255, 255, 0.5);\r\n}\r\n\r\n.brk-headline.clip b {\r\n  opacity: 0;\r\n}\r\n\r\n.brk-headline.clip b.is-visible {\r\n  opacity: 1;\r\n}\r\n\r\n/* -------------------------------- \r\n  \r\n  xzoom \r\n  \r\n  -------------------------------- */\r\n\r\n.brk-headline.zoom .brk-words-rotators {\r\n  -webkit-perspective: 300px;\r\n  perspective: 300px;\r\n}\r\n\r\n.brk-headline.zoom b {\r\n  opacity: 0;\r\n}\r\n\r\n.brk-headline.zoom b.is-visible {\r\n  opacity: 1;\r\n  -webkit-animation: zoom-in 0.8s;\r\n  animation: zoom-in 0.8s;\r\n}\r\n\r\n.brk-headline.zoom b.is-hidden {\r\n  -webkit-animation: zoom-out 0.8s;\r\n  animation: zoom-out 0.8s;\r\n}\r\n\r\n@keyframes zoom-in {\r\n  0% {\r\n    opacity: 0;\r\n    -webkit-transform: translateZ(100px);\r\n    -ms-transform: translateZ(100px);\r\n    transform: translateZ(100px);\r\n  }\r\n  100% {\r\n    opacity: 1;\r\n    -webkit-transform: translateZ(0);\r\n    -ms-transform: translateZ(0);\r\n    transform: translateZ(0);\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    -ms-transform: translateZ(0);\r\n    transform: translateZ(0);\r\n  }\r\n  100% {\r\n    opacity: 0;\r\n    -webkit-transform: translateZ(-100px);\r\n    -ms-transform: translateZ(-100px);\r\n    transform: translateZ(-100px);\r\n  }\r\n}\r\n\r\n/* -------------------------------- \r\n  \r\n  xrotate-3 \r\n  \r\n  -------------------------------- */\r\n\r\n.brk-headline.rotate-3 .brk-words-rotators {\r\n  -webkit-perspective: 250px;\r\n  perspective: 250px;\r\n}\r\n\r\n.brk-headline.rotate-3 b {\r\n  opacity: 0;\r\n}\r\n\r\n.brk-headline.rotate-3 i {\r\n  display: inline-block;\r\n  -webkit-transform: translateX(150%) rotateY(180deg);\r\n  -ms-transform: translateX(150%) rotateY(180deg);\r\n  transform: translateX(150%) rotateY(180deg);\r\n  -webkit-backface-visibility: hidden;\r\n  backface-visibility: hidden;\r\n}\r\n\r\n.is-visible .brk-headline.rotate-3 i {\r\n  -webkit-transform: translateX(0%) rotateY(0deg);\r\n  -ms-transform: translateX(0%) rotateY(0deg);\r\n  transform: translateX(0%) rotateY(0deg);\r\n}\r\n\r\n.brk-headline.rotate-3 i.in {\r\n  -webkit-animation: cd-rotate-3-in 0.8s forwards;\r\n  animation: cd-rotate-3-in 0.8s forwards;\r\n}\r\n\r\n.brk-headline.rotate-3 i.out {\r\n  -webkit-animation: cd-rotate-3-out 0.8s forwards;\r\n  animation: cd-rotate-3-out 0.8s forwards;\r\n}\r\n\r\n.no-csstransitions .brk-headline.rotate-3 i {\r\n  -webkit-transform: translateX(0%) rotateY(0deg);\r\n  -ms-transform: translateX(0%) rotateY(0deg);\r\n  transform: translateX(0%) rotateY(0deg);\r\n  opacity: 0;\r\n}\r\n\r\n.no-csstransitions .brk-headline.rotate-3 .is-visible i {\r\n  opacity: 1;\r\n}\r\n\r\n@keyframes cd-rotate-3-in {\r\n  0% {\r\n    -webkit-transform: translateX(150%) rotateY(180deg);\r\n    -ms-transform: translateX(150%) rotateY(180deg);\r\n    transform: translateX(150%) rotateY(180deg);\r\n  }\r\n  100% {\r\n    -webkit-transform: translateX(0%) rotateY(0deg);\r\n    -ms-transform: translateX(0%) rotateY(0deg);\r\n    transform: translateX(0%) rotateY(0deg);\r\n  }\r\n}\r\n\r\n@keyframes cd-rotate-3-out {\r\n  0% {\r\n    -webkit-transform: rotateY(0);\r\n    -ms-transform: rotateY(0);\r\n    transform: rotateY(0);\r\n  }\r\n  100% {\r\n    -webkit-transform: translateX(-150%) rotateY(-180deg);\r\n    -ms-transform: translateX(-150%) rotateY(-180deg);\r\n    transform: translateX(-150%) rotateY(-180deg);\r\n  }\r\n}\r\n\r\n/* -------------------------------- \r\n  \r\n  xscale \r\n  \r\n  -------------------------------- */\r\n\r\n.brk-headline.scale b {\r\n  opacity: 0;\r\n}\r\n\r\n.brk-headline.scale i {\r\n  display: inline-block;\r\n  opacity: 0;\r\n  -webkit-transform: scale(0);\r\n  -ms-transform: scale(0);\r\n  transform: scale(0);\r\n}\r\n\r\n.is-visible .brk-headline.scale i {\r\n  opacity: 1;\r\n}\r\n\r\n.brk-headline.scale i.in {\r\n  -webkit-animation: scale-up 0.6s forwards;\r\n  animation: scale-up 0.6s forwards;\r\n}\r\n\r\n.brk-headline.scale i.out {\r\n  -webkit-animation: scale-down 0.6s forwards;\r\n  animation: scale-down 0.6s forwards;\r\n}\r\n\r\n.no-csstransitions .brk-headline.scale i {\r\n  -webkit-transform: scale(1);\r\n  -ms-transform: scale(1);\r\n  transform: scale(1);\r\n  opacity: 0;\r\n}\r\n\r\n.no-csstransitions .brk-headline.scale .is-visible i {\r\n  opacity: 1;\r\n}\r\n\r\n@keyframes scale-up {\r\n  0% {\r\n    -webkit-transform: scale(0);\r\n    -ms-transform: scale(0);\r\n    transform: scale(0);\r\n    opacity: 0;\r\n  }\r\n  60% {\r\n    -webkit-transform: scale(1.2);\r\n    -ms-transform: scale(1.2);\r\n    transform: scale(1.2);\r\n    opacity: 1;\r\n  }\r\n  100% {\r\n    -webkit-transform: scale(1);\r\n    -ms-transform: scale(1);\r\n    transform: scale(1);\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n@keyframes scale-down {\r\n  0% {\r\n    -webkit-transform: scale(1);\r\n    -ms-transform: scale(1);\r\n    transform: scale(1);\r\n    opacity: 1;\r\n  }\r\n  60% {\r\n    -webkit-transform: scale(0);\r\n    -ms-transform: scale(0);\r\n    transform: scale(0);\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n/* -------------------------------- \r\n  \r\n  xpush \r\n  \r\n  -------------------------------- */\r\n\r\n.brk-headline.push b {\r\n  opacity: 0;\r\n}\r\n\r\n.brk-headline.push b.is-visible {\r\n  opacity: 1;\r\n  -webkit-animation: push-in 0.6s;\r\n  animation: push-in 0.6s;\r\n}\r\n\r\n.brk-headline.push b.is-hidden {\r\n  -webkit-animation: push-out 0.6s;\r\n  animation: push-out 0.6s;\r\n}\r\n\r\n@keyframes push-in {\r\n  0% {\r\n    opacity: 0;\r\n    -webkit-transform: translateX(-100%);\r\n    -ms-transform: translateX(-100%);\r\n    transform: translateX(-100%);\r\n  }\r\n  60% {\r\n    opacity: 1;\r\n    -webkit-transform: translateX(10%);\r\n    -ms-transform: translateX(10%);\r\n    transform: translateX(10%);\r\n  }\r\n  100% {\r\n    opacity: 1;\r\n    -webkit-transform: translateX(0);\r\n    -ms-transform: translateX(0);\r\n    transform: translateX(0);\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    -ms-transform: translateX(0);\r\n    transform: translateX(0);\r\n  }\r\n  60% {\r\n    opacity: 0;\r\n    -webkit-transform: translateX(110%);\r\n    -ms-transform: translateX(110%);\r\n    transform: translateX(110%);\r\n  }\r\n  100% {\r\n    opacity: 0;\r\n    -webkit-transform: translateX(100%);\r\n    -ms-transform: translateX(100%);\r\n    transform: translateX(100%);\r\n  }\r\n}\r\n\r\n.brk-headline {\r\n  \r\n\r\n  &_mask {\r\n    padding: 5px 25px;\r\n    border-radius: 700px;\r\n    background: #fff;\r\n    color: #000;\r\n    mix-blend-mode: lighten;\r\n    display: inline-flex !important;\r\n    align-items: center;\r\n    .brk-words-rotators {\r\n      color: inherit;\r\n    }\r\n  }\r\n  &__sample {\r\n    padding: 100px 0;\r\n    text-align: center;\r\n    background-position: center;\r\n    background-size: cover;\r\n    border-radius: 10px;\r\n  }\r\n  &_mask.rotate-1 {\r\n    padding-right: 0;\r\n    padding-left: 60px !important;\r\n  }\r\n  &_mask.slide {\r\n    padding-right: 0;\r\n    padding-left: 50px !important;\r\n    .brk-words-rotators {\r\n      padding: 0;\r\n    }\r\n  }\r\n  &.zoom {\r\n    .brk-words-rotators {\r\n      text-align: center;\r\n    }\r\n  }\r\n}\r\n\r\n.brk-typing-rotator{\r\n  @media screen and (max-width:600px){ \r\n    h1, h2{\r\n      font-size: 28px;\r\n    }\r\n  }\r\n}\r\n",".brk-words-rotators {\n  display: inline-block;\n  position: relative;\n  text-align: left; }\n\n.brk-words-rotators b {\n  display: inline-block;\n  position: absolute;\n  white-space: nowrap;\n  font-weight: inherit;\n  left: 0;\n  top: 0; }\n\n.letters .brk-words-rotators b {\n  left: 50%;\n  -webkit-transform: translateX(-50%);\n  -ms-transform: translateX(-50%);\n  transform: translateX(-50%); }\n\n.brk-words-rotators i,\n.brk-words-rotators em {\n  font-style: normal; }\n\n.brk-words-rotators b.is-visible {\n  position: relative; }\n\n.no-js .brk-words-rotators b {\n  opacity: 0; }\n\n.no-js .brk-words-rotators b.is-visible {\n  opacity: 1; }\n\n/* -------------------------------- \r\n  \r\n  xrotate-1 \r\n  \r\n  -------------------------------- */\n.brk-headline.rotate-1 .brk-words-rotators {\n  -webkit-perspective: 300px;\n  perspective: 300px; }\n\n.brk-headline.rotate-1 b {\n  opacity: 0;\n  -webkit-transform-origin: 50% 100%;\n  -ms-transform-origin: 50% 100%;\n  transform-origin: 50% 100%;\n  -webkit-transform: rotateX(180deg);\n  -ms-transform: rotateX(180deg);\n  transform: rotateX(180deg); }\n\n.brk-headline.rotate-1 b.is-visible {\n  opacity: 1;\n  -webkit-transform: rotateX(0deg);\n  -ms-transform: rotateX(0deg);\n  transform: rotateX(0deg);\n  -webkit-animation: cd-rotate-1-in 1.5s;\n  animation: cd-rotate-1-in 1.5s; }\n\n.brk-headline.rotate-1 b.is-hidden {\n  -webkit-transform: rotateX(180deg);\n  -ms-transform: rotateX(180deg);\n  transform: rotateX(180deg);\n  -webkit-animation: cd-rotate-1-out 1.5s;\n  animation: cd-rotate-1-out 1.5s; }\n\n@keyframes cd-rotate-1-in {\n  0% {\n    -webkit-transform: rotateX(180deg);\n    -ms-transform: rotateX(180deg);\n    transform: rotateX(180deg);\n    opacity: 0; }\n  35% {\n    -webkit-transform: rotateX(120deg);\n    -ms-transform: rotateX(120deg);\n    transform: rotateX(120deg);\n    opacity: 0; }\n  65% {\n    opacity: 0; }\n  100% {\n    -webkit-transform: rotateX(360deg);\n    -ms-transform: rotateX(360deg);\n    transform: rotateX(360deg);\n    opacity: 1; } }\n\n@keyframes cd-rotate-1-out {\n  0% {\n    -webkit-transform: rotateX(0deg);\n    -ms-transform: rotateX(0deg);\n    transform: rotateX(0deg);\n    opacity: 1; }\n  35% {\n    -webkit-transform: rotateX(-40deg);\n    -ms-transform: rotateX(-40deg);\n    transform: rotateX(-40deg);\n    opacity: 1; }\n  65% {\n    opacity: 0; }\n  100% {\n    -webkit-transform: rotateX(180deg);\n    -ms-transform: rotateX(180deg);\n    transform: rotateX(180deg);\n    opacity: 0; } }\n\n/* -------------------------------- \r\n  \r\n  xtype \r\n  \r\n  -------------------------------- */\n.brk-headline.type .brk-words-rotators {\n  vertical-align: top;\n  overflow: hidden; }\n\n.brk-headline.type .brk-words-rotators::after {\n  /* vertical bar */\n  content: '';\n  position: absolute;\n  right: 0;\n  top: 50%;\n  bottom: auto;\n  -webkit-transform: translateY(-50%);\n  -ms-transform: translateY(-50%);\n  transform: translateY(-50%);\n  height: 90%;\n  width: 1px;\n  background-color: rgba(0, 0, 0, 0.9); }\n\n.brk-headline.type .brk-words-rotators.waiting::after {\n  -webkit-animation: cd-pulse 1s infinite;\n  animation: cd-pulse 1s infinite; }\n\n.brk-headline.type .brk-words-rotators.selected {\n  background-color: rgba(0, 0, 0, 0.2); }\n\n.brk-headline.type .brk-words-rotators.selected::after {\n  visibility: hidden; }\n\n.brk-headline.type .brk-words-rotators.selected b {\n  /*base colors*/ }\n\n.brk-headline.type b {\n  visibility: hidden; }\n\n.brk-headline.type b.is-visible {\n  visibility: visible; }\n\n.brk-headline.type i {\n  position: absolute;\n  visibility: hidden; }\n\n.brk-headline.type i.in {\n  position: relative;\n  visibility: visible; }\n\n.brk-headline.type .brk-words-wrapper.selected b {\n  color: var(--brand-primary); }\n\n@keyframes cd-pulse {\n  0% {\n    -webkit-transform: translateY(-50%) scale(1);\n    -ms-transform: translateY(-50%) scale(1);\n    transform: translateY(-50%) scale(1);\n    opacity: 1; }\n  40% {\n    -webkit-transform: translateY(-50%) scale(0.9);\n    -ms-transform: translateY(-50%) scale(0.9);\n    transform: translateY(-50%) scale(0.9);\n    opacity: 0; }\n  100% {\n    -webkit-transform: translateY(-50%) scale(0);\n    -ms-transform: translateY(-50%) scale(0);\n    transform: translateY(-50%) scale(0);\n    opacity: 0; } }\n\n/* -------------------------------- \r\n  \r\n  xrotate-2 \r\n  \r\n  -------------------------------- */\n.brk-headline.rotate-2 .brk-words-rotators {\n  -webkit-perspective: 300px;\n  perspective: 300px; }\n\n.brk-headline.rotate-2 i,\n.brk-headline.rotate-2 em {\n  display: inline-block;\n  -webkit-backface-visibility: hidden;\n  backface-visibility: hidden; }\n\n.brk-headline.rotate-2 b {\n  opacity: 0; }\n\n.brk-headline.rotate-2 i {\n  -webkit-transform-style: preserve-3d;\n  -ms-transform-style: preserve-3d;\n  -o-transform-style: preserve-3d;\n  transform-style: preserve-3d;\n  -webkit-transform: translate3d(0, 0, -20px) rotateX(90deg);\n  -ms-transform: translate3d(0, 0, -20px) rotateX(90deg);\n  transform: translate3d(0, 0, -20px) rotateX(90deg);\n  opacity: 0; }\n\n.is-visible .brk-headline.rotate-2 i {\n  opacity: 1; }\n\n.brk-headline.rotate-2 i.in {\n  -webkit-animation: cd-rotate-2-in 0.5s forwards;\n  animation: cd-rotate-2-in 0.5s forwards; }\n\n.brk-headline.rotate-2 i.out {\n  -webkit-animation: cd-rotate-2-out 0.5s forwards;\n  animation: cd-rotate-2-out 0.5s forwards; }\n\n.brk-headline.rotate-2 em {\n  -webkit-transform: translateZ(20px);\n  -ms-transform: translateZ(20px);\n  transform: translateZ(20px); }\n\n.no-csstransitions .brk-headline.rotate-2 i {\n  -webkit-transform: rotateX(0deg);\n  -ms-transform: rotateX(0deg);\n  transform: rotateX(0deg);\n  opacity: 0; }\n\n.no-csstransitions .brk-headline.rotate-2 i em {\n  -webkit-transform: scale(1);\n  -ms-transform: scale(1);\n  transform: scale(1); }\n\n.no-csstransitions .brk-headline.rotate-2 .is-visible i {\n  opacity: 1; }\n\n@keyframes cd-rotate-2-in {\n  0% {\n    opacity: 0;\n    -webkit-transform: translateZ(-20px) rotateX(90deg);\n    -ms-transform: translateZ(-20px) rotateX(90deg);\n    transform: translateZ(-20px) rotateX(90deg); }\n  60% {\n    opacity: 1;\n    -webkit-transform: translateZ(-20px) rotateX(-10deg);\n    -ms-transform: translateZ(-20px) rotateX(-10deg);\n    transform: translateZ(-20px) rotateX(-10deg); }\n  100% {\n    opacity: 1;\n    -webkit-transform: translateZ(-20px) rotateX(0deg);\n    -ms-transform: translateZ(-20px) rotateX(0deg);\n    transform: translateZ(-20px) rotateX(0deg); } }\n\n@keyframes cd-rotate-2-out {\n  0% {\n    opacity: 1;\n    -webkit-transform: translateZ(-20px) rotateX(0);\n    -ms-transform: translateZ(-20px) rotateX(0);\n    transform: translateZ(-20px) rotateX(0); }\n  60% {\n    opacity: 0;\n    -webkit-transform: translateZ(-20px) rotateX(-100deg);\n    -ms-transform: translateZ(-20px) rotateX(-100deg);\n    transform: translateZ(-20px) rotateX(-100deg); }\n  100% {\n    opacity: 0;\n    -webkit-transform: translateZ(-20px) rotateX(-90deg);\n    -ms-transform: translateZ(-20px) rotateX(-90deg);\n    transform: translateZ(-20px) rotateX(-90deg); } }\n\n/* -------------------------------- \r\n  \r\n  xloading-bar \r\n  \r\n  -------------------------------- */\n.brk-headline.loading-bar span {\n  display: inline-block;\n  padding: .2em 0; }\n\n.brk-headline.loading-bar .brk-words-rotators {\n  overflow: hidden;\n  vertical-align: top; }\n\n.brk-headline.loading-bar .brk-words-rotators::after {\n  /* loading bar */\n  content: '';\n  position: absolute;\n  left: 0;\n  bottom: 0;\n  height: 3px;\n  width: 0;\n  background: #ffffff;\n  z-index: 2;\n  -webkit-transition: width 0.3s -0.1s;\n  transition: width 0.3s -0.1s; }\n\n.brk-headline.loading-bar .brk-words-rotators.is-loading::after {\n  width: 100%;\n  -webkit-transition: width 3s;\n  transition: width 3s; }\n\n.brk-headline.loading-bar b {\n  top: .2em;\n  opacity: 0;\n  -webkit-transition: opacity 0.3s;\n  transition: opacity 0.3s; }\n\n.brk-headline.loading-bar b.is-visible {\n  opacity: 1;\n  top: 0; }\n\n/* -------------------------------- \r\n  \r\n  xslide \r\n  \r\n  -------------------------------- */\n.brk-headline.slide span {\n  display: inline-block; }\n\n.brk-headline.slide .brk-words-rotators {\n  overflow: hidden;\n  vertical-align: top; }\n\n.brk-headline.slide b {\n  opacity: 0;\n  top: .2em; }\n\n.brk-headline.slide b.is-visible {\n  top: 0;\n  opacity: 1;\n  -webkit-animation: slide-in 0.6s;\n  animation: slide-in 0.6s; }\n\n.brk-headline.slide b.is-hidden {\n  -webkit-animation: slide-out 0.6s;\n  animation: slide-out 0.6s; }\n\n@keyframes slide-in {\n  0% {\n    opacity: 0;\n    -webkit-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    transform: translateY(-100%); }\n  60% {\n    opacity: 1;\n    -webkit-transform: translateY(20%);\n    -ms-transform: translateY(20%);\n    transform: translateY(20%); }\n  100% {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    -ms-transform: translateY(0);\n    transform: translateY(0); } }\n\n@keyframes slide-out {\n  0% {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    -ms-transform: translateY(0);\n    transform: translateY(0); }\n  60% {\n    opacity: 0;\n    -webkit-transform: translateY(120%);\n    -ms-transform: translateY(120%);\n    transform: translateY(120%); }\n  100% {\n    opacity: 0;\n    -webkit-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    transform: translateY(100%); } }\n\n/* -------------------------------- \r\n  \r\n  xclip \r\n  \r\n  -------------------------------- */\n.brk-headline.clip span {\n  display: inline-block; }\n\n.brk-headline.clip .brk-words-rotators {\n  overflow: hidden;\n  vertical-align: top; }\n\n.brk-headline.clip .brk-words-rotators::after {\n  /* line */\n  content: '';\n  position: absolute;\n  top: 50%;\n  -webkit-transform: translateY(-50%);\n  -ms-transform: translateY(-50%);\n  transform: translateY(-50%);\n  right: 0;\n  width: 1px;\n  height: 70%;\n  background-color: rgba(255, 255, 255, 0.5); }\n\n.brk-headline.clip b {\n  opacity: 0; }\n\n.brk-headline.clip b.is-visible {\n  opacity: 1; }\n\n/* -------------------------------- \r\n  \r\n  xzoom \r\n  \r\n  -------------------------------- */\n.brk-headline.zoom .brk-words-rotators {\n  -webkit-perspective: 300px;\n  perspective: 300px; }\n\n.brk-headline.zoom b {\n  opacity: 0; }\n\n.brk-headline.zoom b.is-visible {\n  opacity: 1;\n  -webkit-animation: zoom-in 0.8s;\n  animation: zoom-in 0.8s; }\n\n.brk-headline.zoom b.is-hidden {\n  -webkit-animation: zoom-out 0.8s;\n  animation: zoom-out 0.8s; }\n\n@keyframes zoom-in {\n  0% {\n    opacity: 0;\n    -webkit-transform: translateZ(100px);\n    -ms-transform: translateZ(100px);\n    transform: translateZ(100px); }\n  100% {\n    opacity: 1;\n    -webkit-transform: translateZ(0);\n    -ms-transform: translateZ(0);\n    transform: translateZ(0); } }\n\n@keyframes zoom-out {\n  0% {\n    opacity: 1;\n    -webkit-transform: translateZ(0);\n    -ms-transform: translateZ(0);\n    transform: translateZ(0); }\n  100% {\n    opacity: 0;\n    -webkit-transform: translateZ(-100px);\n    -ms-transform: translateZ(-100px);\n    transform: translateZ(-100px); } }\n\n/* -------------------------------- \r\n  \r\n  xrotate-3 \r\n  \r\n  -------------------------------- */\n.brk-headline.rotate-3 .brk-words-rotators {\n  -webkit-perspective: 250px;\n  perspective: 250px; }\n\n.brk-headline.rotate-3 b {\n  opacity: 0; }\n\n.brk-headline.rotate-3 i {\n  display: inline-block;\n  -webkit-transform: translateX(150%) rotateY(180deg);\n  -ms-transform: translateX(150%) rotateY(180deg);\n  transform: translateX(150%) rotateY(180deg);\n  -webkit-backface-visibility: hidden;\n  backface-visibility: hidden; }\n\n.is-visible .brk-headline.rotate-3 i {\n  -webkit-transform: translateX(0%) rotateY(0deg);\n  -ms-transform: translateX(0%) rotateY(0deg);\n  transform: translateX(0%) rotateY(0deg); }\n\n.brk-headline.rotate-3 i.in {\n  -webkit-animation: cd-rotate-3-in 0.8s forwards;\n  animation: cd-rotate-3-in 0.8s forwards; }\n\n.brk-headline.rotate-3 i.out {\n  -webkit-animation: cd-rotate-3-out 0.8s forwards;\n  animation: cd-rotate-3-out 0.8s forwards; }\n\n.no-csstransitions .brk-headline.rotate-3 i {\n  -webkit-transform: translateX(0%) rotateY(0deg);\n  -ms-transform: translateX(0%) rotateY(0deg);\n  transform: translateX(0%) rotateY(0deg);\n  opacity: 0; }\n\n.no-csstransitions .brk-headline.rotate-3 .is-visible i {\n  opacity: 1; }\n\n@keyframes cd-rotate-3-in {\n  0% {\n    -webkit-transform: translateX(150%) rotateY(180deg);\n    -ms-transform: translateX(150%) rotateY(180deg);\n    transform: translateX(150%) rotateY(180deg); }\n  100% {\n    -webkit-transform: translateX(0%) rotateY(0deg);\n    -ms-transform: translateX(0%) rotateY(0deg);\n    transform: translateX(0%) rotateY(0deg); } }\n\n@keyframes cd-rotate-3-out {\n  0% {\n    -webkit-transform: rotateY(0);\n    -ms-transform: rotateY(0);\n    transform: rotateY(0); }\n  100% {\n    -webkit-transform: translateX(-150%) rotateY(-180deg);\n    -ms-transform: translateX(-150%) rotateY(-180deg);\n    transform: translateX(-150%) rotateY(-180deg); } }\n\n/* -------------------------------- \r\n  \r\n  xscale \r\n  \r\n  -------------------------------- */\n.brk-headline.scale b {\n  opacity: 0; }\n\n.brk-headline.scale i {\n  display: inline-block;\n  opacity: 0;\n  -webkit-transform: scale(0);\n  -ms-transform: scale(0);\n  transform: scale(0); }\n\n.is-visible .brk-headline.scale i {\n  opacity: 1; }\n\n.brk-headline.scale i.in {\n  -webkit-animation: scale-up 0.6s forwards;\n  animation: scale-up 0.6s forwards; }\n\n.brk-headline.scale i.out {\n  -webkit-animation: scale-down 0.6s forwards;\n  animation: scale-down 0.6s forwards; }\n\n.no-csstransitions .brk-headline.scale i {\n  -webkit-transform: scale(1);\n  -ms-transform: scale(1);\n  transform: scale(1);\n  opacity: 0; }\n\n.no-csstransitions .brk-headline.scale .is-visible i {\n  opacity: 1; }\n\n@keyframes scale-up {\n  0% {\n    -webkit-transform: scale(0);\n    -ms-transform: scale(0);\n    transform: scale(0);\n    opacity: 0; }\n  60% {\n    -webkit-transform: scale(1.2);\n    -ms-transform: scale(1.2);\n    transform: scale(1.2);\n    opacity: 1; }\n  100% {\n    -webkit-transform: scale(1);\n    -ms-transform: scale(1);\n    transform: scale(1);\n    opacity: 1; } }\n\n@keyframes scale-down {\n  0% {\n    -webkit-transform: scale(1);\n    -ms-transform: scale(1);\n    transform: scale(1);\n    opacity: 1; }\n  60% {\n    -webkit-transform: scale(0);\n    -ms-transform: scale(0);\n    transform: scale(0);\n    opacity: 0; } }\n\n/* -------------------------------- \r\n  \r\n  xpush \r\n  \r\n  -------------------------------- */\n.brk-headline.push b {\n  opacity: 0; }\n\n.brk-headline.push b.is-visible {\n  opacity: 1;\n  -webkit-animation: push-in 0.6s;\n  animation: push-in 0.6s; }\n\n.brk-headline.push b.is-hidden {\n  -webkit-animation: push-out 0.6s;\n  animation: push-out 0.6s; }\n\n@keyframes push-in {\n  0% {\n    opacity: 0;\n    -webkit-transform: translateX(-100%);\n    -ms-transform: translateX(-100%);\n    transform: translateX(-100%); }\n  60% {\n    opacity: 1;\n    -webkit-transform: translateX(10%);\n    -ms-transform: translateX(10%);\n    transform: translateX(10%); }\n  100% {\n    opacity: 1;\n    -webkit-transform: translateX(0);\n    -ms-transform: translateX(0);\n    transform: translateX(0); } }\n\n@keyframes push-out {\n  0% {\n    opacity: 1;\n    -webkit-transform: translateX(0);\n    -ms-transform: translateX(0);\n    transform: translateX(0); }\n  60% {\n    opacity: 0;\n    -webkit-transform: translateX(110%);\n    -ms-transform: translateX(110%);\n    transform: translateX(110%); }\n  100% {\n    opacity: 0;\n    -webkit-transform: translateX(100%);\n    -ms-transform: translateX(100%);\n    transform: translateX(100%); } }\n\n.brk-headline_mask {\n  padding: 5px 25px;\n  border-radius: 700px;\n  background: #fff;\n  color: #000;\n  mix-blend-mode: lighten;\n  display: inline-flex !important;\n  align-items: center; }\n  .brk-headline_mask .brk-words-rotators {\n    color: inherit; }\n\n.brk-headline__sample {\n  padding: 100px 0;\n  text-align: center;\n  background-position: center;\n  background-size: cover;\n  border-radius: 10px; }\n\n.brk-headline_mask.rotate-1 {\n  padding-right: 0;\n  padding-left: 60px !important; }\n\n.brk-headline_mask.slide {\n  padding-right: 0;\n  padding-left: 50px !important; }\n  .brk-headline_mask.slide .brk-words-rotators {\n    padding: 0; }\n\n.brk-headline.zoom .brk-words-rotators {\n  text-align: center; }\n\n@media screen and (max-width: 600px) {\n  .brk-typing-rotator h1, .brk-typing-rotator h2 {\n    font-size: 28px; } }\n"]}