.nb-animator-line,
.nb-animator-word,
.nb-animator-char{
display: inline-block;
}
[data-animator="flickering"]{
visibility: hidden !important;
}.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-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-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);
}.bc-divider{
width: 100%; }
.bc-divider__motion{
--height: 1px;
border-top: var(--height) solid;
width: 0;
border-color: black;
}.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;
}a.bc-anyside-button,
a.bc-anyside-button:hover{
color: unset;
}
.bc-anyside-button {
display: block;
width: fit-content;
white-space: wrap;
--colortransition: 800ms;
--colortransition-ida: 800ms;
--pathtransition: 800ms;
--pathtransition-ida: 800ms;
--easing: ease;
--hover-color: #fff;
--click-dimensions: 500px;
border: 0;
position: relative;
overflow: hidden;
background: white; color: #1a1a1a; border-radius: 15px;
text-align: center;
padding: 40px;
}
.bc-anyside-button__title {
position: relative;
z-index: 2;
transition: color var(--colortransition) var(--easing);
}
.bc-anyside-button__anyside-div {
position: absolute;
left: 0;
top: 0;
transform: translate(-50%, -50%);
border-radius: 50%;
background: #252527; clip-path: circle(0% at 50% 50%);
transition: clip-path var(--pathtransition) var(--easing);
z-index: 1;
}
.bc-anyside-button[data-type='hover']:hover .bc-anyside-button__title {
color: var(--hover-color); transition: color var(--colortransition-ida) var(--easing);
}
.bc-anyside-button[data-type='hover']:hover .bc-anyside-button__anyside-div {
clip-path: circle(100% at 50% 50%);
transition: clip-path var(--pathtransition-ida) var(--easing);
}
[data-type='click'] .bc-anyside-button__anyside-span {
background: #252527;
position: absolute;
transform: translate(-50%, -50%);
pointer-events: none;
border-radius: 50%;
animation: animate var(--pathtransition) linear infinite;
}
@keyframes animate {
0% {
width: 0;
height: 0;
opacity: 0.5;
}
100% {
width: var(--click-dimensions);
height: var(--click-dimensions);
opacity: 0;
}
}.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;
}