.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-neumorphic-button { 
display:  block;
width: fit-content;
height: fit-content;
background-color:  transparent; 
white-space: wrap; 
--left-color: rgba(180,180,180,.7); --right-color: rgba(255,255,255,1); --spread: 2px; box-shadow: var(--spread) calc(var(--spread) * 0.5) var(--spread) var(--left-color),inset calc(var(--spread) * 1.5) var(--spread) calc(var(--spread) * 2.5) var(--right-color);
border-radius:  100px; font-size: 16px; padding: 8px 15px; --duration: 0.3s; --ease: ease-in-out; transition: all var(--duration) var(--ease);
} 
.bc-neumorphic-button:hover,
.bc-neumorphic-button:focus { 
box-shadow: calc(var(--spread) * -1) calc(var(--spread) * -0.5) var(--spread) var(--left-color),inset calc(var(--spread) * -1.5) calc(var(--spread) * -1) calc(var(--spread) * 1.5) var(--right-color);
}.nb-thumbnail-slider[data-flickering="1"] {
opacity: 0;
}
.nb-thumbnail-slider img{
user-select: none;
}
.nb-thumbnail-slider__preview {
position: relative;
width: 100%;
overflow: hidden;
}
.nb-thumbnail-slider__preview img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.nb-thumbnail-slider__thumbnails {
overflow: hidden;
position: relative;
display: flex;
}
.nb-thumbnail-slider__thumb {
min-width: var(--thumbnails-width);
min-height: var(--thumbnails-height);
width: var(--thumbnails-width);
height: var(--thumbnails-height);
max-width: var(--thumbnails-width);
max-height: var(--thumbnails-height);
object-fit: cover;
cursor: pointer;
overflow: hidden;
filter: brightness(var(--thumbnails-brightness));
transition: filter var(--thumbnail-filter-duration) var(--thumbnail-filter-ease);
}
.nb-thumbnail-slider__thumb--active {
filter: brightness(100%);
}
.nb-thumbnail-slider__selector {
position: absolute;
top: 0;
left: 0;
width: var(--thumbnails-width);
height: var(--thumbnails-height);
pointer-events: none;
}
.nb-thumbnail-slider__arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: var(--arrow-dimensions);
height: var(--arrow-dimensions);
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
}.bc-generatorism{
width: 100%; height: auto; }
.bc-generatorism[data-class='bc-generatorism--glassmorphism']{
border: 1px solid rgba(236, 236, 236, 0.1); border-radius: 25%; background: rgba(255, 255, 255, 0.1); box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1); --filter: 10px; -webkit-backdrop-filter: blur(var(--filter)); backdrop-filter: blur(var(--filter)); }
.bc-generatorism[data-class='bc-generatorism--neumorphism']{
border-radius: 25%; --neumorphism-left-color: #fff9; --neumorphism-right-color: #0001; --dimensions: 20px; box-shadow: calc(var(--dimensions) * -0.4) calc(var(--dimensions) * -0.4) var(--dimensions) 0px var(--neumorphism-left-color), calc(var(--dimensions) * -0.3) calc(var(--dimensions) * -0.3) calc(var(--dimensions) * 0.3) 0px var(--neumorphism-left-color),
calc(var(--dimensions) * 0.4) calc(var(--dimensions) * 0.4) var(--dimensions) 0px var(--neumorphism-right-color), calc(var(--dimensions) * 0.25) calc(var(--dimensions) * 0.25) calc(var(--dimensions) * 0.3) 0px var(--neumorphism-right-color), inset 0px 0px 0px 0px var(--neumorphism-left-color),
inset 0px 0px 0px 0px var(--neumorphism-right-color), inset 0px 0px 0px 0px var(--neumorphism-left-color),
inset 0px 0px 0px 0px var(--neumorphism-right-color);
}
.bc-generatorism[data-class='bc-generatorism--neumorphism-v2']{
border-radius: 25%; --neumorphism-v2-left-color: #0001; --neumorphism-v2-right-color: #fff9; --dimensions-v2: 20px; box-shadow: 0px 0px 0px 0px var(--neumorphism-v2-right-color), 0px 0px 0px 0px var(--neumorphism-v2-right-color),
0px 0px 0px 0px var(--neumorphism-v2-left-color), 0px 0px 0px 0px var(--neumorphism-v2-left-color), inset calc(var(--dimensions-v2) * -0.4) calc(var(--dimensions-v2) * -0.4) var(--dimensions-v2) 0px var(--neumorphism-v2-right-color),
inset calc(var(--dimensions-v2) * -0.25) calc(var(--dimensions-v2) * -0.25) calc(var(--dimensions-v2) * 0.3) 0px var(--neumorphism-v2-right-color), inset calc(var(--dimensions-v2) * 0.4) calc(var(--dimensions-v2) * 0.4) var(--dimensions-v2) 0px var(--neumorphism-v2-left-color),
inset calc(var(--dimensions-v2) * 0.25) calc(var(--dimensions-v2) * 0.25) calc(var(--dimensions-v2) * 0.3) 0px var(--neumorphism-v2-left-color);
}
.bc-generatorism[data-class='bc-generatorism--neobrutalism']{
border-radius: 25%; background: #00ff9f; --thickness: 10px; --thickness-color: #000; box-shadow: var(--thickness) var(--thickness) var(--thickness-color); border: solid var(--thickness) var(--thickness-color);
}.bc-parallax-hover {
width: fit-content;
}
.atropos-inner{
width: auto;
height: auto;
background-color: #b53df6;
border-radius: 15px;
}
.bc-parallax-hover__heading{
width: 550px;
}.bc-divider{
width: 100%; }
.bc-divider__motion{
--height: 1px;
border-top: var(--height) solid;
width: 0;
border-color: black;
}.next-progress-bar-v2 {
position: fixed;
width: 100%;
transform-origin: left;
transform: scaleX(0);
}.nb-sticky-footer{
position: relative;
bottom: 0;
clip-path: polygon(0% 0, 100% 0%, 100% 100%, 0 100%);
width: 100%; background-color: #000000; }
.nb-sticky-footer__wrapper{
position: fixed;
bottom: 0;
left: 0;
width: 100%;
}
body:not(:has(> footer)){
position: relative !important; }
footer{
position: relative;
}