.bc-blade-title__anchor{
display: block;
width: fit-content;
height: fit-content;
}
.bc-blade-title{
display: block;
width: fit-content;
}
.bc-blade-title__inner{
display: block;
clip-path: polygon(0 0, 150% 0, 150% 150%, 0% 150%);
}
.bc-blade-title__line-wrapper{
overflow: hidden;
}
.bc-blade-title__inner--to-hide{
opacity: 0;
}.bc-counter__anchor{
display: block;
width: fit-content;
height: fit-content;
}
.bc-counter{
display: block;
width: fit-content;
height: fit-content;
}.bc-twist-title__anchor{
display: block;
width: fit-content;
height: fit-content;
}
.bc-twist-title{
width: fit-content;
display: block;
}
.bc-twist-title__span{
display: block;
opacity: 0;
transform-origin: center top;
transform-style: preserve-3d;
transform: translateY(100%) rotateX(-80deg);
transition: opacity 0s cubic-bezier(0.215, 0.61, 0.355, 1),
transform 0s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.bc-twist-title__is-ready .bc-twist-title__span{
transform: none;
opacity: 1;
}
[data-ready="bc-twist-title__is-ready"] .bc-twist-title__span{
transform: none;
opacity: 1;
}.bc-ripple-button {
display: flex;
justify-content: center;
width: fit-content;
white-space: nowrap;
color: #000;
line-height: normal;
padding: 15px 50px; border-radius: 50px; background: white; overflow: hidden;
position: relative;
transition: var(--transition-duration) var(--transition-ease); transform: translateZ(0);
backface-visibility: hidden;
-webkit-font-smoothing: subpixel-antialiased;
-webkit-perspective: 1000;
will-change: transform;
--transition-duration: 0.8s;
--transition-duration-in: 0.8s;
--transition-ease: cubic-bezier(0.22, 1, 0.36, 1);
--skew-text: 10deg;
--amplitude: 0%;
}
.bc-ripple-button__text {
opacity: 0;
will-change: transform;
}
.bc-ripple-button__pseudo {
position: relative;
overflow: hidden;
will-change: transform;
}
.bc-ripple-button__pseudo::before {
content: attr(data-content);
position: absolute;
top: 0;  transform: skewY(0);
transition: var(--transition-duration) var(--transition-ease); will-change: transform;
}
.bc-ripple-button__pseudo::after {
content: attr(data-content);
position: absolute;
top: 300%;  left: 0;
transform: skewY(var(--skew-text)); z-index: 5;
color: white; transition: var(--transition-duration) var(--transition-ease); will-change: transform;
}
.bc-ripple-button__hover-fill {
position: absolute;
top: -155%;  left: calc(var(--amplitude) * -1); height: 150%;  width: calc(100% + var(--amplitude)*2); background: #000; z-index: -5;
border-radius: 0 0 50% 50%; transition: var(--transition-duration) var(--transition-ease); }
.bc-ripple-button:hover .bc-ripple-button__pseudo::before, .bc-ripple-button:focus .bc-ripple-button__pseudo::before {
transform: skewY(var(--skew-text)); top: -300%;  will-change: transform;
transition: var(--transition-duration-in) var(--transition-ease);
}
.bc-ripple-button:hover .bc-ripple-button__pseudo::after, .bc-ripple-button:focus .bc-ripple-button__pseudo::after {
transform: skewY(0);
top: 0;  will-change: transform;
transition: var(--transition-duration-in) var(--transition-ease);
}
.bc-ripple-button:hover .bc-ripple-button__hover-fill, .bc-ripple-button:focus .bc-ripple-button__hover-fill {
transform: translateY(100%);  transition: var(--transition-duration-in) var(--transition-ease);
} [data-type="bc-ripple-button--from-bottom"] .bc-ripple-button__pseudo::after {
top: -300%;
}
[data-type="bc-ripple-button--from-bottom"] .bc-ripple-button__hover-fill {
border-radius: 50% 50% 0 0;
top: 105%;
}
[data-type="bc-ripple-button--from-bottom"]:hover .bc-ripple-button__pseudo::before, [data-type="bc-ripple-button--from-bottom"]:focus .bc-ripple-button__pseudo::before {
top: 300%;
transition: var(--transition-duration-in) var(--transition-ease);
}
[data-type="bc-ripple-button--from-bottom"]:hover .bc-ripple-button__hover-fill, [data-type="bc-ripple-button--from-bottom"]:focus .bc-ripple-button__hover-fill {
transform: translateY(-100%);
transition: var(--transition-duration-in) var(--transition-ease);
} [data-type="bc-ripple-button--from-left"] .bc-ripple-button__pseudo::after {
top: -300%;
}
[data-type="bc-ripple-button--from-left"] .bc-ripple-button__hover-fill {
border-radius: 0 0 0 0;
top: -25%;
left: -155%;
width: 150%;
}
[data-type="bc-ripple-button--from-left"]:hover .bc-ripple-button__pseudo::before, [data-type="bc-ripple-button--from-left"]:focus .bc-ripple-button__pseudo::before {
top: 300%;
transition: var(--transition-duration-in) var(--transition-ease);
}
[data-type="bc-ripple-button--from-left"]:hover .bc-ripple-button__hover-fill, [data-type="bc-ripple-button--from-left"]:focus .bc-ripple-button__hover-fill {
transform: translateX(100%);
transition: var(--transition-duration-in) var(--transition-ease);
} [data-type="bc-ripple-button--from-right"] .bc-ripple-button__pseudo::after {
top: -300%;
}
[data-type="bc-ripple-button--from-right"] .bc-ripple-button__hover-fill {
border-radius: 0 0 0 0;
top: -25%;
left: 105%;
width: 150%;
}
[data-type="bc-ripple-button--from-right"]:hover .bc-ripple-button__pseudo::before, [data-type="bc-ripple-button--from-right"]:focus .bc-ripple-button__pseudo::before {
top: 300%;
transition: var(--transition-duration-in) var(--transition-ease);
}
[data-type="bc-ripple-button--from-right"]:hover .bc-ripple-button__hover-fill, [data-type="bc-ripple-button--from-right"]:focus .bc-ripple-button__hover-fill {
transform: translateX(-100%);
transition: var(--transition-duration-in) var(--transition-ease);
}.bc-divider{
width: 100%; }
.bc-divider__motion{
--height: 1px;
border-top: var(--height) solid;
width: 0;
border-color: black;
}.bc-infinite-title{
position: relative;
overflow: hidden;
--gap: 10px; display: flex;
flex-direction: column;
row-gap: var(--gap); width: 100%; height: auto; color: white;
--height: 50%;
}
.bc-infinite-title[data-blur-edges="1"]{
mask-image: linear-gradient(
to bottom, 
rgba(0, 0, 0, 0) 0px,
rgba(0, 0, 0) var(--height),
rgba(0, 0, 0) calc(100% - var(--height)),
rgba(0, 0, 0, 0) 100% 
);
}
.bc-infinite-title[data-reverse="1"]{
flex-direction: column-reverse;
}
.bc-infinite-title__wrapper{
display: flex;
flex-direction: column;
row-gap: var(--gap);
}.bc-bubbles {
width: 100%; height: 100vh; overflow: hidden;
background: rgb(108, 0, 162); }
.bc-bubbles > svg{
display: none;
}
.bc-bubbles__content {
position: relative;
z-index: 1;
float: left;
}
.bc-bubbles__wrapper {
--blur: 40px;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
width: 100%;
height: 100%;
}
.bc-bubbles__bubble{
position: absolute;
}
.bc-bubbles__bubble{
filter: blur(var(--blur)); -webkit-filter: blur(var(--blur)) ; }
.bricks-draggable-root .bc-bubbles[data-builderedit="1"] .bc-bubbles__bubble{
animation: none !important;
}
.bc-bubbles__bubble--1 {
--inner-background: rgba(18, 113, 255, 0.8);
background: radial-gradient(circle at center, var(--inner-background) 0, rgba(18, 113, 255, 0) 50%) no-repeat; --blending: hard-light; 
mix-blend-mode: var(--blending); --circle-size: 80%;
width: var(--circle-size); height: var(--circle-size); top: calc(50% - var(--circle-size) / 2); left: calc(50% - var(--circle-size) / 2); --speed: 30s;
--easing: ease;
transform-origin: center center;
animation: moveVertical var(--speed) var(--easing) infinite;
}
.bc-bubbles__bubble--2 {
--inner-background: rgba(221, 74, 255, 0.8);
background: radial-gradient(circle at center, var(--inner-background) 0, rgba(221, 74, 255, 0) 50%) no-repeat; --blending: hard-light; 
mix-blend-mode: var(--blending); --circle-size: 80%;
width: var(--circle-size); height: var(--circle-size); top: calc(50% - var(--circle-size) / 2); left: calc(50% - var(--circle-size) / 2); --speed: 20s;
transform-origin: calc(50% - 400px);
animation: moveInCircle var(--speed) reverse infinite;
}
.bc-bubbles__bubble--3 {
--inner-background: rgba(100, 220, 255, 0.8);
background: radial-gradient(circle at center, var(--inner-background) 0, rgba(100, 220, 255, 0) 50%) no-repeat; --blending: hard-light; 
mix-blend-mode: var(--blending); --circle-size: 80%;
width: var(--circle-size); height: var(--circle-size); top: calc(50% - var(--circle-size) / 2 + 200px); left: calc(50% - var(--circle-size) / 2 - 500px); --speed: 40s;
transform-origin: calc(50% + 400px);
animation: moveInCircle var(--speed) linear infinite;
}
.bc-bubbles__bubble--4 {
--inner-background: rgba(200, 50, 50, 0.8);
background: radial-gradient(circle at center, var(--inner-background) 0, rgba(200, 50, 50, 0) 50%) no-repeat; --blending: hard-light; 
mix-blend-mode: var(--blending); --circle-size: 80%;
width: var(--circle-size); height: var(--circle-size); top: calc(50% - var(--circle-size) / 2); left: calc(50% - var(--circle-size) / 2); opacity: 0.7; --speed: 40s;
transform-origin: center center;
animation: moveHorizontal var(--speed) ease infinite;
}
.bc-bubbles__bubble--5 {
--inner-background: rgba(180, 180, 50, 0.8);
background: radial-gradient(circle at center, var(--inner-background) 0, rgba(180, 180, 50, 0) 50%) no-repeat; --blending: hard-light; 
mix-blend-mode: var(--blending); --circle-size: 80%;
width: calc(var(--circle-size) * 2); height: calc(var(--circle-size) * 2); top: calc(50% - var(--circle-size)); left: calc(50% - var(--circle-size)); --speed: 20s;
transform-origin: calc(50% - 800px) calc(50% + 200px);
animation: moveInCircle var(--speed) ease infinite;
}
.bc-bubbles__bubble[data-type="vertical"]{
--speed: 30s;
--easing: ease;
transform-origin: center center;
animation: moveVertical var(--speed) var(--easing) infinite;
}
.bc-bubbles__bubble[data-type="horizontal"]{
--speed: 40s;
transform-origin: center center;
animation: moveHorizontal var(--speed) ease infinite;
}
.bc-bubbles__bubble[data-type="incircle1"]{
--speed: 20s;
transform-origin: calc(50% - 400px);
animation: moveInCircle var(--speed) reverse infinite;
}
.bc-bubbles__bubble[data-type="incircle2"]{
--speed: 40s;
transform-origin: calc(50% + 400px);
animation: moveInCircle var(--speed) linear infinite;
}
.bc-bubbles__bubble[data-type="incircle3"]{
--speed: 20s;
transform-origin: calc(50% - 800px) calc(50% + 200px);
animation: moveInCircle var(--speed) ease infinite;
}
[data-bubble-cursor="1"] .bc-bubbles__bubble--cursor {
--inner-background: rgba(140, 100, 255, 0.8);
background: radial-gradient(circle at center, var(--inner-background) 0, rgba(140, 100, 255, 0) 50%) no-repeat; --blending: hard-light; 
mix-blend-mode: var(--blending); --dimensions: 100%;
width: var(--dimensions); height: var(--dimensions); top: calc(var(--dimensions) / -2); left: calc(var(--dimensions) / -2); opacity: 0.7; }
@keyframes moveInCircle {
0% {
transform: rotate(0deg);
}
50% {
transform: rotate(180deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes moveVertical {
0% {
transform: translateY(-50%);
}
50% {
transform: translateY(50%);
}
100% {
transform: translateY(-50%);
}
}
@keyframes moveHorizontal {
0% {
transform: translateX(-50%) translateY(-10%);
}
50% {
transform: translateX(50%) translateY(10%);
}
100% {
transform: translateX(-50%) translateY(-10%);
}
}