.bc-swap-title__anchor{
display: block;
width: fit-content;
height: fit-content;
}
.bc-swap-title *{
will-change: transform; }
.bc-swap-title {
display: block;
width: fit-content;
position: relative;
padding: 0;
line-height: normal;
}
.bc-swap-title__span-wrapper {
display: block;
overflow: hidden;
}
.bc-swap-title__span, .bc-swap-title__span .char, .bc-swap-title__span .word {
--skew: 0deg;
--duration: 1s;
--ease: cubic-bezier(0.19, 1, 0.22, 1);
--fromtype: 1;
display: block;
position: relative;
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
transition: transform var(--duration) var(--ease), -webkit-transform var(--duration) var(--ease), -moz-transform var(--duration) var(--ease), -o-transform var(--duration) var(--ease);
}
.bc-swap-title__span::after, .bc-swap-title__span .char::after, .bc-swap-title__span .word::after {
content: var(--after-content);
display: block;
position: absolute;
top: calc(var(--fromtype) * 100%);
left: 0;
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
transform: skewY(calc(var(--skew) * var(--fromtype)));
transition: transform var(--duration) var(--ease), -webkit-transform var(--duration) var(--ease), -moz-transform var(--duration) var(--ease), -o-transform var(--duration) var(--ease);
}
.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::after, .bc-swap-title:hover .bc-swap-title__span .char::after, .bc-swap-title:hover .bc-swap-title__span .word::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)));
}.next-arrow-icon{
display: flex;
align-items: center;
justify-content: center;
position: relative;
overflow: hidden;
width: 40px;
height: 40px;
--arrow-scale: 0.5;
--icon-hover-scale: 1.3;
--scale-duration: .4s;
--scale-easing: ease;
--scale-delay: 0s; 
transition: scale var(--scale-duration) var(--scale-easing) var(--scale-delay);
--arrow-rotate: 0deg;
--distance-between-arrows: 50px;
--transform-duration: .4s;
--transform-easing: ease;
--transform-delay: 0s;
--arrow-hover-rotate: 45deg;
--rotate-duration: .4s;
--rotate-easing: ease;
--rotate-delay: 0s;
}
.next-arrow-icon__arrow{
position: absolute;
min-width: unset !important;
min-height: unset !important;
scale: var(--arrow-scale);
rotate: var(--arrow-rotate);
--fill: black;
fill: var(--fill);
transition: 
rotate var(--rotate-duration) var(--rotate-easing) var(--rotate-delay),
transform var(--transform-duration) var(--transform-easing) var(--transform-delay);
}
.next-arrow-icon__arrow--fancy{
stroke: var(--fill);
}
.next-arrow-icon__arrow:nth-child(2){
transform: translateX(calc(-100% - var(--distance-between-arrows)));
}
.next-arrow-icon[data-active][data-enable-scale]{
scale: var(--icon-hover-scale);
}
.next-arrow-icon[data-active][data-enable-transform] .next-arrow-icon__arrow:nth-child(1){
transform: translateX(calc(100% + var(--distance-between-arrows)));
}
.next-arrow-icon[data-active][data-enable-transform] .next-arrow-icon__arrow:nth-child(2){
transform: translateX(0%);
}
.next-arrow-icon[data-active][data-enable-rotate] .next-arrow-icon__arrow{
rotate: var(--arrow-hover-rotate);
}.next-dropdown{
position: absolute;
background: #d2d2d2;
width: fit-content;
height: fit-content;
border-radius: 8px;
opacity: 0;
pointer-events: none;
--scale: 0;
--x: 0px;
--y: -30px;
transform: scale(var(--scale)) translateX(var(--x)) translateY(var(--y));
--opacity-easing: ease;
--opacity-duration: .2s;
--opacity-delay: 0s;
--transform-easing: ease;
--transform-duration: .2s;
--transform-delay: 0s;
transition: 
opacity var(--opacity-duration) var(--opacity-easing) var(--opacity-delay),
transform var(--transform-duration) var(--transform-easing) var(--transform-delay);
}
.next-dropdown[data-toggled]{
opacity: 1;
pointer-events: all;
transform: scale(1) translateX(0) translateY(0);
}
.next-dropdown[data-toggled-builder]{
opacity: 1;
pointer-events: all;
transform: scale(1) translateX(0) translateY(0);
} .next-dropdown::before{
content: "";
position: absolute;
--mask-top: 0px;
--mask-bottom: 0px;
--mask-left: 0px;
--mask-right: 0px;
top: calc(var(--mask-top) * -1);
bottom: var(--mask-bottom);
left: calc(var(--mask-left) * -1);
right: var(--mask-right);
display: block;
width: calc(100% + var(--mask-left) + var(--mask-right));
height: calc(100% + var(--mask-top) + var(--mask-bottom));
z-index: -1;
} .next-dropdown-wrapper{
width: fit-content;
}
.next-dropdown-toggle{
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
gap: 10px;
width: fit-content;
}.next-dropdown-mega-menu{
display: flex;
}
.next-dropdown-mega-menu__site-wrapper{
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
gap: 10px;
width: fit-content;
}
.next-dropdown-mega-menu__dropdowns-wrapper{
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
gap: 10px;
width: fit-content;
} .next-dropdown-mega-menu__mobile-wrapper{
display: none;
} .next-dropdown-mega-menu[data-toggled-enable-mobile-menu] .next-dropdown-mega-menu__mobile-wrapper{
display: flex;
}
.next-dropdown-mega-menu[data-toggled-enable-mobile-menu] .next-dropdown-mega-menu__dropdowns-wrapper{
position: absolute;
z-index: 99;
pointer-events: none;
opacity: 0;
}
.next-dropdown-mega-menu[data-toggled-display-builder] .next-dropdown-mega-menu__dropdowns-wrapper{
opacity: 1;
pointer-events: all;
transform: scale(1) translateX(0) translateY(0);
}.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-decode-reveal__anchor{
display: block;
width: fit-content;
height: fit-content;
}
.bc-decode-reveal,
.bc-decode-reveal__element{
display: block;
width: fit-content;
height: fit-content;
}
.bc-decode-reveal__element[data-hide]{
opacity: 0;
}.bc-arrow-button{
white-space: wrap;
text-decoration: unset !important;
color: unset !important;
display: flex;
justify-content: center;
align-items: center;
flex-direction: row-reverse; width: fit-content;
height: fit-content;
--scale: 1.25;
--dimensions: 23px;
--transitionduration: 0.5s;
--ease: cubic-bezier(0.1, 0, 0.3, 1);
--transitiondurationswap: 0.5s;
--easeswap: cubic-bezier(0.1, 0, 0.3, 1);
--arrow-distance: 300%;
} .bc-arrow-button .bc-arrow-button_title-wrapper{
width: 100%;
padding: 15px 20px 15px 20px;
background-color: rgb(44, 43, 43); border-radius: 100px; color: white; text-align: center;
font-size: 18px;
letter-spacing: -.5px;
line-height: 1.15;
}
.bc-arrow-button .bc-arrow-button_title-wrap{
position: relative;
overflow: hidden;
}
.bc-arrow-button .bc-arrow-button__title{
all: unset;
display: block;
outline: none;
border: none;
transition: transform;
transition-duration: var(--transitiondurationswap);
transition-timing-function: var(--easeswap);
} .bc-arrow-button[data-swap='enable'] .bc-arrow-button__title::after{
display: block;
content: attr(data-content);
position: absolute;
top: 100%;
width: 100%;
}
.bc-arrow-button[data-swap='enable']:hover .bc-arrow-button__title{
transform: translateY(-100%);
}
.bc-arrow-button[data-swap='enable']:hover .bc-arrow-button__title::after{
transform: translateY(0%);
} .bc-arrow-button .bc-arrow-button__circle{
padding: 25px;
background-color: rgb(44, 43, 43); border-radius: 50%; position: relative;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
min-width: var(--dimensions) !important;
min-height: var(--dimensions) !important;
transition: scale;
transition-duration: var(--transitionduration);
transition-timing-function: var(--ease);
}
.bc-arrow-button .bc-arrow-button__arrow{
position: absolute;
transition: transform;
transition-duration: var(--transitionduration);
transition-timing-function: var(--ease);
min-width: var(--dimensions) !important;
min-height: var(--dimensions) !important;
max-width: var(--dimensions) !important;
max-height: var(--dimensions) !important;
rotate: -45deg; --fill: white;
stroke-width: 0.1;
stroke: var(--fill);
fill: var(--fill);
}
.bc-arrow-button .bc-arrow-button__arrow-right{
transform: translateX(calc(var(--arrow-distance) * -1));
}
.bc-arrow-button:hover .bc-arrow-button__circle{
scale: var(--scale); }
.bc-arrow-button:hover .bc-arrow-button__arrow-left{
transform: translateX(var(--arrow-distance));
}
.bc-arrow-button:hover .bc-arrow-button__arrow-right{
transform: translateX(0%);
}.next-physics{
position: relative;
z-index: 1;
width: 100%;
height: 500px;
--background-color: red;
}
.next-physics canvas{
position: absolute;
top: 0;
left: 0;
z-index: -1;
background-color: var(--background-color) !important;
}.bc-back-to-top {
position: fixed;
right: 50px; bottom: 50px; height: 46px;
width: 46px;
cursor: pointer;
border-radius: 50px;
box-shadow: inset  0 0 0 2px;
color: rgba(255, 255, 255, 0.2); background-color: none; z-index: 10000;
opacity: 0;
visibility: hidden;
transform: translateY(15px) !important;
transition-duration: 200ms; transition-timing-function: linear; display: flex;
justify-content: center;
align-items: center;
}
.bc-back-to-top__active-progress {
opacity: 1;
visibility: visible;
transform: translateY(0) !important;
}
.bc-back-to-top__arrow-svg {
position: absolute;
fill: grey;
width: 25px;
height: 100%;
cursor: pointer;
display: block;
z-index: 1;
}
.bc-back-to-top__circle-path {
fill: none;
stroke: grey; stroke-width: 5;
box-sizing:border-box;
}
.bc-back-to-top__to-hide{
opacity: 0;
}.bc-mousefill-title__anchor{
display: block;
width: fit-content;
height: fit-content;
}
.bc-mousefill-title{
--stroke-color: #fff; --fill-color: #fff; --stroke-width: 2px;
font-size: 64px; font-weight: 700;
text-transform: uppercase;
display: flex;
-webkit-text-stroke: var(--stroke-width) var(--stroke-color);
background: linear-gradient(to right, var(--fill-color) 0 100%) left / 0 no-repeat;
color: transparent;
background-clip: text;
background-size: 0% 100%;
position: relative;
}
.bc-mousefill-title[data-shadow='true']{
background: linear-gradient(to right, var(--fill-color), transparent 75%, transparent) left / 0 no-repeat;
background-clip: text;
}.bc-underlined-title__anchor{
display: flex;
width: fit-content;
height: fit-content;
}
.bc-underlined-title{
text-decoration: unset !important;
color: unset !important;
display: block;
width: fit-content;
height: fit-content;
}
.bc-underlined-title__element{
position: relative;
display: block;
width: 100%;
--width: 0px;
--height: 1px;
--bottom-distance: 0px;
--duration: 0.7s;
--ease: cubic-bezier(0.16, 1, 0.3, 1);
--background: currentColor;
} .bc-underlined-title__side-to-side:before {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
bottom: var(--bottom-distance);
height: var(--height);
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: right center;
-moz-transform-origin: right center;
-ms-transform-origin: right center;
-o-transform-origin: right center;
transform-origin: right center;
background: var(--background);
-webkit-transition: -webkit-transform var(--duration) var(--ease);
transition: -webkit-transform var(--duration) var(--ease);
-o-transition: -o-transform var(--duration) var(--ease);
-moz-transition: transform var(--duration) var(--ease), -moz-transform var(--duration) var(--ease);
transition: transform var(--duration) var(--ease);
transition: transform var(--duration) var(--ease), -webkit-transform var(--duration) var(--ease), -moz-transform var(--duration) var(--ease), -o-transform var(--duration) var(--ease);
}
.bc-underlined-title__side-to-side:hover:before {
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-ms-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-ms-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
transition-delay: unset;
-webkit-transition-delay: unset;
-o-transition-delay: unset;
-moz-transition-delay: unset;
} .bc-underlined-title__one-sided:after {
content: '';
position: absolute;
bottom: var(--bottom-distance);
left: 0;
width: var(--width);
border-bottom: var(--height) solid var(--background);
transition: var(--duration) var(--ease);
}
.bc-underlined-title__two-sided:after {
content: '';
display: block;
margin: auto;
bottom: var(--bottom-distance);
left: 0;
width: var(--width);
height: var(--height);
background: var(--background);
transition: width var(--duration) var(--ease);
position: relative;
border-bottom: unset;
}
.bc-underlined-title__one-sided:hover:after, .bc-underlined-title__two-sided:hover:after {
width: 100%;
}
.bc-underlined-title__one-sided:hover::after, .bc-underlined-title__two-sided:hover::after {
-webkit-transition: width var(--duration) var(--ease);
transition: width var(--duration) var(--ease);
-o-transition: width var(--duration) var(--ease);
-moz-transition: width var(--duration) var(--ease);
transition: width var(--duration) var(--ease);
transition: width var(--duration) var(--ease);
} .bc-underlined-title__full-sided::after,
.bc-underlined-title__full-sided::before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: var(--bottom-distance);
height: var(--height);
background: var(--background);
-webkit-transition: -webkit-transform var(--duration) var(--ease);
transition: -webkit-transform var(--duration) var(--ease);
-o-transition: -o-transform var(--duration) var(--ease);
-moz-transition: transform var(--duration) var(--ease), -moz-transform var(--duration) var(--ease);
transition: transform var(--duration) var(--ease);
transition: transform var(--duration) var(--ease), -webkit-transform var(--duration) var(--ease), -moz-transform var(--duration) var(--ease), -o-transform var(--duration) var(--ease);
}
.bc-underlined-title__full-sided::before {
-webkit-transform-origin: left;
-moz-transform-origin: left;
-ms-transform-origin: left;
-o-transform-origin: left;
transform-origin: left;
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0);
}
.bc-underlined-title__full-sided::after {
-webkit-transform-origin: right;
-moz-transform-origin: right;
-ms-transform-origin: right;
-o-transform-origin: right;
transform-origin: right;
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-ms-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1);
}
.bc-underlined-title__full-sided:hover::before {
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-ms-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1);
transition-delay: 0.25s;
-webkit-transition-delay: 0.25s;
-o-transition-delay: 0.25s;
-moz-transition-delay: 0.25s;
}
.bc-underlined-title__full-sided:hover::after {
width: unset;
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0);
}