[data-hide="bc-glowing-card--hide"]{
opacity: 0;
}
.bc-glowing-card[data-disable-touch-devices] {
--base: 80; --spread: 500; --saturation: 100; --lightness: 50; --outer: 0; --size: 200; --cardblur: 5; --backdrop: hsl(0 0% 60% / 0.12); --bg-spot-opacity: 0.1; --backup-border: var(--backdrop);
--get-border-radius: 14; --border-radius: calc(var(--get-border-radius) * 1px);
--border-width: 3; --border-spot-opacity: 1; --border-light-opacity: 1; backdrop-filter: blur(calc(var(--cardblur, 5) * 1px));
border-radius: var(--border-radius);
width: 300px; height: 300px; padding: 15px; box-shadow: 0 15px 30px -15px black; } .bc-glowing-card[data-glow] {
--border-size: calc(var(--border-width, 2) * 1px);
--spotlight-size: calc(var(--size, 150) * 1px);
--hue: calc(var(--base) + (var(--xp, 0) * var(--spread, 0)));
border: var(--border-size) solid var(--backup-border);
position: relative;
}
.bc-glowing-card[data-glow]::before,
.bc-glowing-card[data-glow]::after {
pointer-events: none;
content: "";
position: absolute;
inset: calc(var(--border-size) * -1);
border: var(--border-size) solid transparent;
border-radius: var(--border-radius);
background-attachment: fixed;
background-size: calc(100% + (2 * var(--border-size))) calc(100% + (2 * var(--border-size)));
background-repeat: no-repeat;
background-position: 50% 50%;
mask:
linear-gradient(transparent, transparent),
linear-gradient(white, white);
mask-clip: padding-box, border-box;
mask-composite: intersect;
will-change: opacity;
} .bc-glowing-card[data-glow]::before {
background-image: radial-gradient(
calc(var(--spotlight-size) * 0.75) calc(var(--spotlight-size) * 0.75) at
calc(var(--x, 0) * 1px)
calc(var(--y, 0) * 1px),
hsl(var(--hue, 210) calc(var(--saturation, 100) * 1%) calc(var(--lightness, 50) * 1%) / var(--border-spot-opacity, 1)), transparent 100%
);
filter: brightness(2);
} .bc-glowing-card[data-glow]::after {
background-image: radial-gradient(
calc(var(--spotlight-size) * 0.5) calc(var(--spotlight-size) * 0.5) at
calc(var(--x, 0) * 1px)
calc(var(--y, 0) * 1px),
hsl(0 100% 100% / var(--border-light-opacity, 1)), transparent 100%
);
}
.bc-glowing-card[data-glow] [data-glow] {
position: absolute;
inset: 0;
will-change: filter;
opacity: var(--outer, 1);
}
.bc-glowing-card[data-glow] > [data-glow] {
border-radius: var(--border-radius);
border-width: calc(var(--border-size) * 20);
filter: blur(calc(var(--border-size) * 10));
background: none;
pointer-events: none;
}
.bc-glowing-card[data-glow] > [data-glow]::before {
inset: -10px;
border-width: 10px;
}
.bc-glowing-card[data-glow] [data-glow] {
border: none;
}
.bc-glowing-card[data-glow] :is(a, button) {
border-radius: var(--border-radius);
border: var(--border-size) solid transparent;
}
.bc-glowing-card[data-glow] :is(a, button) [data-glow] {
background: none;
}
.bc-glowing-card[data-glow] :is(a, button) [data-glow]::before {
inset: calc(var(--border-size) * -1);
border-width: calc(var(--border-size) * 1);
} .bc-glowing-card[data-disable]{
opacity: 1;
}
.bc-glowing-card[data-disable]::before,
.bc-glowing-card[data-disable]::after{
display: none !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;
}.next-cookies{
--notification-translate: 25px; --notification-transition-duration: 0.3s; --notification-transition-easing: ease; }
.next-cookies__notification{
position: fixed; z-index: 9998; left: 25px; bottom: 25px; display: flex;
flex-wrap: wrap;
flex-direction: row;
column-gap: 72px;
row-gap: 24px;
align-items: center;
justify-content: flex-start;
max-width: fit-content; width: calc(100% - 50px); height: auto; padding: 24px; border-radius: 23px; border: .5px solid rgb(220, 220, 220); box-shadow: 6px 50px 40px -10px rgba(0,0,0,0.3); opacity: 0;
pointer-events: none;
transform: translateY(var(--notification-translate));
transition:
opacity var(--notification-transition-duration) var(--notification-transition-easing),
transform var(--notification-transition-duration) var(--notification-transition-easing);
}
.next-cookies__content{
width: fit-content;
display: flex;
flex-direction: column;
row-gap: 4px;
}
.next-cookies__label{
font-size: 18px; line-height: normal;
color: #000;
}
.next-cookies__info{
font-size: 14px; line-height: normal;
color: #606060;
}
.next-cookies__buttons{
display: flex;
flex-direction: row;
column-gap: 12px;
align-items: center;
width: fit-content;
}
.next-cookies__manage,
.next-cookies__allow{
cursor: pointer;
}
.next-cookies__manage{
padding: 12px 24px; border-radius: 12px; background: #eaeaea; font-size: 14px; font-weight: 600;
color: #000;
}
.next-cookies__allow{
padding: 12px 24px; border-radius: 12px; background: #000; font-size: 14px; font-weight: 600;
color: white;
}
.next-cookies__notification--opacity-disabled{ transition: transform var(--notification-transition-duration) var(--notification-transition-easing);
}
.next-cookies__notification--transform-disabled{ transition: opacity var(--notification-transition-duration) var(--notification-transition-easing);
}
.next-cookies__notification--opacity-transform-disabled{ transition: none;
}
.next-cookies__notification[data-opened]{
transform: translateY(0);
opacity: 1;
pointer-events: all;
}