.bc-swap-title__anchor{height:fit-content;width:fit-content;display:block}.bc-swap-title *{will-change:transform}.bc-swap-title{padding:0;position:relative;width:fit-content;line-height:normal;display:block}.bc-swap-title__span-wrapper{overflow:hidden;display:block}.bc-swap-title__span,.bc-swap-title__span .char,.bc-swap-title__span .word{--skew:0deg;--fromtype:1;position:relative;--ease:cubic-bezier(0.19,1,0.22,1);--duration:1s}.bc-swap-title__span,.bc-swap-title__span .char,.bc-swap-title__span .char:after,.bc-swap-title__span .word,.bc-swap-title__span .word:after,.bc-swap-title__span:after{transition:transform var(--duration) var(--ease),-webkit-transform var(--duration) var(--ease),-moz-transform var(--duration) var(--ease),-o-transform var(--duration) var(--ease);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top;display:block}.bc-swap-title__span .char:after,.bc-swap-title__span .word:after,.bc-swap-title__span:after{transform:skewY(calc(var(--skew)*var(--fromtype)));content:attr(data-after-content);position:absolute;top:calc(var(--fromtype)*100%);left:0}.bc-swap-title:hover .bc-swap-title__span,.bc-swap-title:hover .bc-swap-title__span .char,.bc-swap-title:hover .bc-swap-title__span .word{-webkit-transform:translateY(calc(var(--fromtype)*-100%)) skewY(calc(var(--skew)*-1*var(--fromtype)));-moz-transform:translateY(calc(var(--fromtype)*-100%)) skewY(calc(var(--skew)*-1*var(--fromtype)));-ms-transform:translateY(calc(var(--fromtype)*-100%)) skewY(calc(var(--skew)*-1*var(--fromtype)));-o-transform:translateY(calc(var(--fromtype)*-100%)) skewY(calc(var(--skew)*-1*var(--fromtype)));transform:translateY(calc(var(--fromtype)*-100%)) skewY(calc(var(--skew)*-1*var(--fromtype)))}.bc-swap-title--remove-line:hover .bc-swap-title__span-wrapper .bc-swap-title__span{-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;-o-transform:none!important;transform:none!important}.bc-swap-title:hover .bc-swap-title__span .char:after,.bc-swap-title:hover .bc-swap-title__span .word:after,.bc-swap-title:hover .bc-swap-title__span:after{-webkit-transform:skewY(calc(var(--skew)*var(--fromtype)));-moz-transform:skewY(calc(var(--skew)*var(--fromtype)));-ms-transform:skewY(calc(var(--skew)*var(--fromtype)));-o-transform:skewY(calc(var(--skew)*var(--fromtype)));transform:skewY(calc(var(--skew)*var(--fromtype)))}