#cc-main {
background: transparent;
color: var(--cc-primary-color);
font-family: var(--cc-font-family);
font-size: 16px;
font-weight: 400;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: relative;
text-rendering: optimizeLegibility;
-webkit-text-size-adjust: 100%;
position: fixed;
z-index: var(--cc-z-index);
}
#cc-main :after,
#cc-main :before,
#cc-main a,
#cc-main button,
#cc-main div,
#cc-main h2,
#cc-main input,
#cc-main p,
#cc-main span {
all: unset;
box-sizing: border-box;
}
.next-cookies {
--cc-modal-border-radius: 0.5rem;
--cc-btn-border-radius: 12px;
--cc-modal-transition-duration: 0.25s;
--cc-modal-transition-easing: ease;
--cc-link-color: var(--cc-btn-primary-bg);
--cc-modal-margin: 1rem;
--cc-z-index: 2147483647;
--cc-bg: #fff;
--cc-primary-color: #2c2f31;
--cc-secondary-color: #5e6266;
--cc-btn-primary-bg: #000;
--cc-btn-primary-color: #fff;
--cc-btn-primary-border-color: var(--cc-btn-primary-bg);
--cc-btn-primary-hover-bg: #000;
--cc-btn-primary-hover-color: #fff;
--cc-btn-primary-hover-border-color: var(--cc-btn-primary-hover-bg);
--cc-btn-secondary-bg: #eaeaea;
--cc-btn-secondary-color: var(--cc-primary-color);
--cc-btn-secondary-border-color: var(--cc-btn-secondary-bg);
--cc-btn-secondary-hover-bg: #d4dae0;
--cc-btn-secondary-hover-color: #000;
--cc-btn-secondary-hover-border-color: #d4dae0;
--cc-separator-border-color: #f0f4f7;
--cc-toggle-on-bg: #35c36b;
--cc-toggle-off-bg: #000;
--cc-toggle-on-knob-bg: #fff;
--cc-toggle-off-knob-bg: var(--cc-toggle-on-knob-bg);
--cc-toggle-enabled-icon-color: var(--cc-bg);
--cc-toggle-disabled-icon-color: var(--cc-bg);
--cc-toggle-readonly-bg: #d5dee2;
--cc-toggle-readonly-knob-bg: #fff;
--cc-toggle-readonly-knob-icon-color: var(--cc-toggle-readonly-bg);
--cc-section-category-border: var(--cc-cookie-category-block-bg);
--cc-cookie-category-block-bg: #f0f4f7;
--cc-cookie-category-block-border: #f0f4f7;
--cc-cookie-category-block-hover-bg: #e9eff4;
--cc-cookie-category-block-hover-border: #e9eff4;
--cc-cookie-category-expanded-block-bg: transparent;
--cc-cookie-category-expanded-block-hover-bg: #dee4e9;
--cc-overlay-bg: rgba(0, 0, 0, 0.65);
--cc-webkit-scrollbar-bg: var(--cc-section-category-border);
--cc-webkit-scrollbar-hover-bg: var(--cc-btn-primary-hover-bg);
--cc-footer-bg: var(--cc-btn-secondary-bg);
--cc-footer-color: var(--cc-secondary-color);
--cc-footer-border-color: #e4eaed;
--cc-pm-toggle-border-radius: 4em;
}
.next-cookies{
--box-max-width: 688px;
--box-max-height: 600px;
--bar-max-width: 464px;
--buttons-gap: 6px;
--buttons-padding: 12px 20px;
--buttons-transition-duration: 0.15s;
--buttons-transition-easing: ease;
--toggles-dimensions: 36px;
--toggles-right: 18px;
--toggles-icon-scale: 0.55;
--toggles-transition-duration: 0.25s;
--toggles-transition-easing: ease;
--sections-gap: 6px;
--section-title-padding: 1.4em 5.4em 1.4em 3.4em;
--section-title-height: 58px;
--section-title-duration: 0.25s;
--section-title-easing: ease;
--desc-padding: 1em;
--arrow-dimensions: 20px;
--arrow-left: 18px;
--close-dimensions: 40px;
--close-transition-duration: 0.15s;
--close-transition-easing: ease;
--body-box-shadow: 0 0.625em 1.875em rgba(0, 0, 2, 0.3);
--body-padding: 1em 1.4em;
--title-gap: 32px;
}
#cc-main .cc__link:hover,
#cc-main a:hover {
background-size: 100% 1px;
}
#cc-main .cc__link {
color: var(--cc-link-color);
}
#cc-main .cm__desc,
#cc-main .pm__body {
overscroll-behavior: auto contain;
scrollbar-width: thin;
}
#cc-main .pm-wrapper {
position: relative;
z-index: 2;
}
#cc-main .pm {
background: var(--cc-bg);
border-radius: var(--cc-modal-border-radius);
box-shadow: var(--backdrop-box-shadow);
display: flex;
flex-direction: column;
opacity: 0;
overflow: hidden;
position: fixed;
visibility: hidden;
width: 100%;
width: unset;
z-index: 1;
}
#cc-main svg {
fill: none;
width: 100%;
}
#cc-main .pm__body,
#cc-main .pm__footer,
#cc-main .pm__header {
padding: var(--body-padding);
}
#cc-main .pm__header {
align-items: center;
border-bottom: 1px solid var(--cc-separator-border-color);
display: flex;
justify-content: space-between;
}
#cc-main .pm__title { align-items: center;
display: flex;
flex: 1;
margin-right: var(--title-gap);
}
#cc-main .pm__close-btn {
cursor: pointer;
background: var(--cc-btn-secondary-bg);
border: 1px solid var(--cc-btn-secondary-border-color);
border-radius: var(--cc-btn-border-radius);
height: var(--close-dimensions);
position: relative;
transition: all var(--close-transition-duration) var(--close-transition-easing);
width: var(--close-dimensions);
}
#cc-main .pm__close-btn span {
display: flex;
height: 100%;
width: 100%;
}
#cc-main .pm__close-btn svg {
stroke: var(--cc-btn-secondary-color);
transform: scale(0.5);
transition: stroke var(--close-transition-duration) var(--close-transition-easing);
}
#cc-main .pm__close-btn:hover {
background: var(--cc-btn-secondary-hover-bg) !important;
}
#cc-main .pm__close-btn:hover svg {
stroke: var(--cc-btn-secondary-hover-color) !important;
}
#cc-main .pm__body {
flex: 1;
overflow-y: auto;
overflow-y: overlay;
}
#cc-main .pm__section,
#cc-main .pm__section--toggle {
display: flex;
flex-direction: column;
}
#cc-main .pm__section--toggle .pm__section-desc-wrapper {
border: 1px solid var(--cc-cookie-category-block-border);
border-radius: var(--cc-btn-border-radius);
border-top: none;
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
display: none;
margin-top: 0 !important;
overflow: hidden;
}
#cc-main .pm__section:first-child {
border: none;
margin-top: 0;
padding: 0;
transition: none;
}
#cc-main .pm__section--toggle {
border-top: none;
margin-bottom: var(--sections-gap);
}
.pm__section-title{ }
#cc-main .pm__section--toggle .pm__section-title {
align-items: center;
background: var(--cc-cookie-category-block-bg);
border: 1px solid var(--cc-cookie-category-block-border);
display: flex;
justify-content: space-between;
padding: var(--section-title-padding);
position: relative;
transition: background-color var(--section-title-duration) var(--section-title-easing), border-color var(--section-title-duration) var(--section-title-easing);
width: 100%;
}
#cc-main .pm__section--toggle .pm__section-title:hover {
background: var(--cc-cookie-category-block-hover-bg) !important;
}
.pm__section-desc{ }
#cc-main .pm__section--toggle .pm__section-desc {
margin-top: 0;
padding: var(--desc-padding);
}
#cc-main .pm__section--toggle.is-expanded {
--cc-cookie-category-block-bg: var(--cc-cookie-category-expanded-block-bg);
--cc-cookie-category-block-border: var(--cc-cookie-category-expanded-block-hover-bg);
}
#cc-main .pm__section--toggle.is-expanded .pm__section-title {
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
#cc-main .pm__section--toggle.is-expanded .pm__section-arrow svg {
transform: scale(0.5) rotate(180deg);
}
#cc-main .pm__section--toggle.is-expanded .pm__section-desc-wrapper {
display: flex;
}
#cc-main .pm__section--expandable .pm__section-title {
cursor: pointer;
}
#cc-main .pm__section--expandable .pm__section-arrow {
background: var(--cc-toggle-readonly-bg);
border-radius: 100%;
display: flex;
height: var(--arrow-dimensions);
justify-content: center;
left: var(--arrow-left);
pointer-events: none;
position: absolute;
width: var(--arrow-dimensions);
}
#cc-main .pm__section--expandable .pm__section-arrow svg {
stroke: var(--cc-btn-secondary-color);
transform: scale(0.5);
}
#cc-main .pm__section-title-wrapper {
align-items: center;
display: flex;
position: relative;
}
#cc-main .pm__section-title {
border-radius: var(--cc-btn-border-radius);
}
#cc-main .section__toggle,
#cc-main .section__toggle-wrapper,
#cc-main .toggle__icon,
#cc-main .toggle__label {
border-radius: var(--cc-pm-toggle-border-radius);
height: calc(var(--toggles-dimensions)/2);
transform: translateZ(0);
width: var(--toggles-dimensions);
margin-bottom: 0;
}
#cc-main .section__toggle-wrapper {
cursor: pointer;
position: absolute;
right: var(--toggles-right);
z-index: 1;
}
#cc-main .pm__section--toggle:nth-child(2) .section__toggle-wrapper:after {
display: none !important;
}
#cc-main .section__toggle {
border: 0;
cursor: pointer;
display: block;
left: 0;
margin: 0;
position: absolute;
top: 0;
}
#cc-main .section__toggle:disabled {
cursor: not-allowed;
}
#cc-main .toggle__icon {
background: var(--cc-toggle-off-bg);
box-shadow: 0 0 0 1px var(--cc-toggle-off-bg);
display: flex;
flex-direction: row;
pointer-events: none;
position: absolute;
transition: all var(--toggles-transition-duration) var(--toggles-transition-easing);
}
#cc-main .toggle__icon-circle {
background: var(--cc-toggle-off-knob-bg);
border: none;
border-radius: var(--cc-pm-toggle-border-radius);
box-shadow: 0 1px 2px rgba(24, 32, 3, 0.36);
display: block;
height: calc(var(--toggles-dimensions)/2);
left: 0;
position: absolute;
top: 0;
transition: transform var(--toggles-transition-duration) var(--toggles-transition-easing), background-color var(--toggles-transition-duration) var(--toggles-transition-easing);
width: calc(var(--toggles-dimensions)/2);
}
#cc-main .toggle__icon-off,
#cc-main .toggle__icon-on {
height: 100%;
position: absolute;
transition: opacity 0.15s ease;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
#cc-main .toggle__icon-on {
opacity: 0;
transform: rotate(45deg);
}
#cc-main .toggle__icon-on svg {
stroke: var(--cc-toggle-on-bg);
transform: scale(var(--toggles-icon-scale)) rotate(-45deg);
}
#cc-main .toggle__icon-off {
opacity: 1;
}
#cc-main .toggle__icon-off svg {
stroke: var(--cc-toggle-off-bg);
transform: scale(var(--toggles-icon-scale));
}
#cc-main .section__toggle:checked ~ .toggle__icon {
background: var(--cc-toggle-on-bg);
box-shadow: 0 0 0 1px var(--cc-toggle-on-bg);
}
#cc-main .section__toggle:checked ~ .toggle__icon .toggle__icon-circle {
background-color: var(--cc-toggle-on-knob-bg);
transform: translateX(calc(100%));
}
#cc-main .section__toggle:checked ~ .toggle__icon .toggle__icon-on {
opacity: 1;
}
#cc-main .section__toggle:checked ~ .toggle__icon .toggle__icon-off {
opacity: 0;
}
#cc-main .section__toggle:checked:disabled ~ .toggle__icon {
background: var(--cc-toggle-readonly-bg);
box-shadow: 0 0 0 1px var(--cc-toggle-readonly-bg);
}
#cc-main .section__toggle:checked:disabled ~ .toggle__icon .toggle__icon-circle {
background: var(--cc-toggle-readonly-knob-bg);
box-shadow: none;
}
#cc-main .section__toggle:checked:disabled ~ .toggle__icon svg {
stroke: var(--cc-toggle-readonly-knob-icon-color);
}
#cc-main .toggle__label {
opacity: 0;
overflow: hidden;
pointer-events: none;
position: absolute;
top: 0;
z-index: -1;
}
#cc-main .pm__section-desc-wrapper {
color: var(--cc-secondary-color);
display: flex;
flex-direction: column;
}
#cc-main .pm__section-desc-wrapper > :not(:last-child) {
border-bottom: 1px solid var(--cc-cookie-category-block-border);
}
#cc-main .pm__footer {
border-top: 1px solid var(--cc-separator-border-color);
display: flex;
justify-content: space-between;
}
#cc-main .pm__btn-group {
display: flex;
}
#cc-main .pm__btn + .pm__btn,
#cc-main .pm__btn-group + .pm__btn-group {
margin-left: var(--buttons-gap);
}
#cc-main .pm--flip .pm__btn + .pm__btn,
#cc-main .pm--flip .pm__btn-group + .pm__btn-group {
margin-left: 0;
margin-right: var(--buttons-gap);
}
#cc-main .pm__btn {
font-size: 14px; font-weight: 600;
cursor: pointer;
background: var(--cc-btn-primary-bg);
border: 1px solid var(--cc-btn-primary-border-color);
border-radius: var(--cc-btn-border-radius);
color: var(--cc-btn-primary-color);
flex: auto;
padding: var(--buttons-padding);
text-align: center;
transition: background-color var(--buttons-transition-duration) var(--buttons-transition-easing), border-color var(--buttons-transition-duration) var(--buttons-transition-easing), color var(--buttons-transition-duration) var(--buttons-transition-easing);
}
#cc-main .pm__btn:hover {
background: var(--cc-btn-primary-hover-bg) !important;
}
#cc-main .pm__btn--secondary {
background: var(--cc-btn-secondary-bg);
border-color: var(--cc-btn-secondary-border-color);
color: var(--cc-btn-secondary-color);
}
#cc-main .pm__btn--secondary:hover {
background: var(--cc-btn-secondary-hover-bg) !important;
}
#cc-main .pm--box {
height: 100%;
left: var(--cc-modal-margin);
margin: 0 auto;
max-height: var(--box-max-height);
max-width: var(--box-max-width);
right: var(--cc-modal-margin);
top: 50%;
transform: translateY(calc(-50% + 1.6em));
}
#cc-main .pm--box.pm--flip .pm__btn-group,
#cc-main .pm--box.pm--flip .pm__footer {
flex-direction: row-reverse;
}
#cc-main .pm--bar {
border-radius: 0;
bottom: 0;
height: 100%;
margin: 0;
max-height: none;
max-width: var(--bar-max-width);
opacity: 1;
top: 0;
width: 100%;
}
#cc-main .pm--bar.pm--left {
left: 0;
transform: translateX(-100%);
}
#cc-main .pm--bar.pm--right {
right: 0;
transform: translateX(100%);
}
#cc-main .pm-overlay {
background: var(--cc-overlay-bg);
bottom: 0;
content: "";
left: 0;
opacity: 0;
position: fixed;
right: 0;
top: 0;
visibility: hidden;
z-index: 1;
}
#cc-main .cc--anim .pm,
#cc-main .cc--anim .pm-overlay {
transition: opacity var(--cc-modal-transition-duration) var(--cc-modal-transition-easing), visibility var(--cc-modal-transition-duration) var(--cc-modal-transition-easing), transform var(--cc-modal-transition-duration) var(--cc-modal-transition-easing);
}
.show--preferences #cc-main .cc--anim .pm {
opacity: 1;
visibility: visible !important;
}
.show--preferences #cc-main .cc--anim .pm--box {
transform: translateY(-50%);
}
.show--preferences #cc-main .cc--anim .pm--bar {
transform: translateX(0);
}
.show--preferences #cc-main .cc--anim .pm-overlay {
opacity: 1;
visibility: visible;
}
@media (prefers-reduced-motion) {
#cc-main {
--cc-modal-transition-duration: 0s;
}
}
@media screen and (max-width: 767px) {
#cc-main .pm {
border-radius: 0;
bottom: 0;
height: auto;
left: 0;
max-height: 100%;
max-width: none !important;
right: 0;
top: 0;
transform: translateY(1.6em);
}
#cc-main .pm__badge {
display: none;
}
#cc-main .pm__section-table,
#cc-main .pm__table-body,
#cc-main .pm__table-caption,
#cc-main .pm__table-td,
#cc-main .pm__table-th,
#cc-main .pm__table-tr {
display: block;
}
#cc-main .pm__table-head {
display: none;
}
#cc-main .pm__table-td > div {
flex: 3;
}
#cc-main .pm__btn-group,
#cc-main .pm__footer {
flex-direction: column !important;
}
#cc-main .pm__btn-group {
display: flex !important;
}
#cc-main .pm__btn + .pm__btn,
#cc-main .pm__btn-group + .pm__btn-group {
margin: var(--buttons-gap) 0 0 !important;
}
#cc-main .pm--flip .pm__btn + .pm__btn,
#cc-main .pm--flip .pm__btn-group + .pm__btn-group {
margin-bottom: var(--buttons-gap) !important;
margin-top: 0 !important;
}
#cc-main .pm--flip .pm__btn-group,
#cc-main .pm--flip .pm__footer {
flex-direction: column-reverse !important;
}
.show--preferences #cc-main .cc--anim .pm {
transform: translateY(0) !important;
}
}.nb-animator-line,
.nb-animator-word,
.nb-animator-char{
display: inline-block;
}
[data-animator="flickering"]{
visibility: hidden !important;
}.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: attr(data-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);
stroke: 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: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);
}.nb-site-loader--type1,
.nb-site-loader--type2 {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100svh;
background: var(--type1-type2-background);
z-index: var(--type1-type2-z-index);
}
.nb-site-loader--type1{
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
overflow: hidden;
}
.nb-site-loader--type1__progress-container {
position: relative;
z-index: 2;
width: 100%;
}
.nb-site-loader--type1__progress-bar,
.nb-site-loader--type2__progress-bar {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 0%;
}
.nb-site-loader--type1__percentage,
.nb-site-loader--type2__percentage {
position: fixed;
}
.nb-site-loader--type2__percentage {
transform-origin: left center;
}
.nb-site-loader--type2__percentage--calc-100{
position: absolute;
right: 0;
top: 0;
opacity: 0;
visibility: hidden;
pointer-events: none;
user-select: none;
}
.nb-site-loader--type1__text-container {
position: relative;
overflow: hidden;
width: 100%;
height: 1em;
}
.nb-site-loader--type1__loading-text {
position: absolute;
width: 100%;
line-height: 1em !important;
}
.nb-site-loader--type1__loading-text--initial {
transform: translateY(0);
}
.nb-site-loader--type1__loading-text--complete {
transform: translateY(100%);
} .nb-site-loader--type3 {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100svh;
display: flex;
justify-content: center;
align-items: center;
}
.nb-site-loader--type3__terminal {
position: relative;
overflow: hidden;
}
.nb-site-loader--type3__terminal-content {
height: 100%;
display: flex;
flex-direction: column;
}
.nb-site-loader--type3__commands-container {
flex: 1;
display: flex;
flex-direction: column;
}
.nb-site-loader--type3__command-line {
display: flex;
align-items: center;
opacity: 0;
}
.nb-site-loader--type3__cursor {
display: inline-block;
opacity: 0;
vertical-align: middle; animation: none;
}
.nb-site-loader--type3__cursor--active {
animation: blink var(--blink-duration) var(--blink-easing) infinite;
}
.nb-site-loader--type3__loading-bar {
width: 100%;
position: relative;
overflow: hidden;
}
.nb-site-loader--type3__loading-progress {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 0%;
}
.nb-site-loader--type3__percentage-wrap {
position: absolute;
}
.nb-site-loader--type3__percentage {
position: relative;
}
.nb-site-loader--type3__percentage::before {
content: var(--before-bracket-symbol);
margin-right: var(--brackets-gap);
}
.nb-site-loader--type3__percentage::after {
content: var(--after-bracket-symbol);
margin-left: var(--brackets-gap);
}
@keyframes blink {
0%,
100% {
opacity: 0.9;
}
50% {
opacity: 0;
}
} .nb-site-loader--type4 {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100svh;
}
.nb-site-loader--type4__mask-top{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 50%;
background-color: var(--background);
}
.nb-site-loader--type4__mask-bottom{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 50%;
background-color: var(--background);
}
.nb-site-loader--type4__container{
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
clip-path: polygon(0% 45%, 0% 45%, 0% 55%, 0% 55%);
will-change: clip-path;
}
.nb-site-loader--type4__progress-bar {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
display: flex;
justify-content: space-between;
align-items: center;
} .nb-site-loader--type5 {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100svh;
}
.nb-site-loader--type5__pre-loader {
width: 100%;
height: 100%;
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.nb-site-loader--type5__loader {
position: absolute;
top: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.nb-site-loader--type5__loader-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
width: fit-content;
z-index: 2;
}
.nb-site-loader--type5__count {
flex: 2;
position: absolute;
right: 100%;
}
.nb-site-loader--type5__copy {
flex: 6;
}
.nb-site-loader--type5__ml16 {
overflow: hidden;
white-space: nowrap;
}
.nb-site-loader--type5__letter {
display: inline-block;
line-height: 1em;
transform: translateY(-100%);
}
.nb-site-loader--type5__loader-bg {
position: absolute;
display: block;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.nb-site-loader--type5__loader-2 {
position: absolute;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
} .nb-site-loader--type6 {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100svh;
}
.nb-site-loader--type6__counter {
position: fixed;
display: flex;
line-height: 1em;
height: 1em;
clip-path: polygon(0 0, 100% 0, 100% 1em, 0 1em);
}
.nb-site-loader--type6__counter-1,
.nb-site-loader--type6__counter-2,
.nb-site-loader--type6__counter-3 {
position: relative;
} .nb-site-loader--type7 {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100svh;
display: flex;
align-items: center;
justify-content: center;
}
.nb-site-loader--type7__logo-loader{
width: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.nb-site-loader--type7__loader {
width: 100%;
overflow: hidden;
}
.nb-site-loader--type7__loader-1 {
width: 0%;
position: relative;
} .nb-site-loader--type8 {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100svh;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
--bars-width: calc(100svw / var(--bars-number));
}
.nb-site-loader--type8__overlay {
position: absolute;
width: 100vw;
height: 100vh;
display: flex;
}
.nb-site-loader--type8__bar {
width: var(--bars-width);
height: 105svh;
}
.nb-site-loader--type8__counter {
position: absolute;
z-index: 1;
display: flex;
} .nb-site-loader--type9 {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100svh;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
--bars-width: calc(100svw / var(--bars-number));
--bars-exit-height: calc(100svh / var(--bars-number));
}
.nb-site-loader--type9__overlay {
position: absolute;
width: 100vw;
height: 100vh;
display: flex;
}
.nb-site-loader--type9__bar {
width: var(--bars-width);
height: 105svh;
transform-origin: var(--horizontal-transform) var(--vertical-transform);
}
.nb-site-loader--type9__counter {
position: absolute;
z-index: 1;
display: flex;
} .nb-site-loader--type10 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100svh;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.nb-site-loader--type10__preloader-container {
position: relative;
overflow: hidden;
z-index: 5;
}
.nb-site-loader--type10__image-wrapper {
position: absolute;
visibility: visible;
clip-path: inset(100% 0 0 0);
top: 0;
left: 0;
width: 100%;
height: 100%;
transform: translate(0%, 0%);
}
.nb-site-loader--type10__image-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
transform-origin: center center;
}
.nb-site-loader--type10__image-wrapper:last-child {
z-index: 10;
} .nb-site-loader--type11 {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100svh;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.nb-site-loader--type11__clipper-left {
position: absolute;
top: 0;
left: 0;
width: 50vw;
height: 100vh;
background: var(--background);
overflow: clip;
clip-path: inset(0 0 0 0);
display: flex;
justify-content: flex-end;
}
.nb-site-loader--type11__loader-text {
width: max-content;
height: 100%;
display: flex;
align-items: center;
}
.nb-site-loader--type11__clipper-right {
position: absolute;
top: 0;
right: 0;
width: 50vw;
height: 100vh;
background: var(--background);
overflow: clip;
clip-path: inset(0 0 0 0);
display: flex;
justify-content: flex-start;
}
.nb-site-loader--type11__pre-loader {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 100000;
background: var(--background);
}
.nb-site-loader--type11__loader-wrapper {
position: relative;
overflow: hidden;
}
.nb-site-loader--type11__loader {
position: absolute;
top: 0;
width: 100%;
height: 100%;
} .nb-site-loader--type12 {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100svh;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.nb-site-loader--type12__logo-wrapper{
position: relative;
width: fit-content;
height: fit-content;
}
.nb-site-loader--type12__logo{
display: flex;
}
.nb-site-loader--type12__logo-fill{
position: absolute;
display: flex;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(https://nextbricks.io/wp-content/uploads/2024/07/logo-next-bricks.png);
background-size: cover;
}html.lenis{
scroll-behavior: unset !important;
}.bc-decode-hover__anchor{
display: block;
width: fit-content;
height: fit-content;
}
.bc-decode-hover{
display: block;
width: fit-content;
height: fit-content;
}.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);
}.nb-text-shimmer[data-flickering="1"]{
opacity: 0;
}
.nb-text-shimmer__anchor{
display: block;
width: fit-content;
height: fit-content;
}
.nb-text-shimmer {
display: block;
width: fit-content;
position: relative;
overflow: hidden;
}
.nb-text-shimmer__inner {
background:
var(--text-color) -webkit-gradient(linear, 100% 0, 0 0,from(var(--text-color)), color-stop(0.5, var(--shimmer-color)), to(var(--text-color)));
background-repeat: no-repeat;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-background-size: var(--shimmer-size) 100%;
background-position: -100% top;
}.nb-arrow-button-v5 {  
z-index: 1;
-webkit-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
display: grid;
position: relative;
cursor: pointer;
width: fit-content;
--elastic-ease: linear( 0, 0.2178 2.1%, 1.1144 8.49%, 1.2959 10.7%, 1.3463 11.81%, 1.3705 12.94%, 1.3726, 1.3643 14.48%, 1.3151 16.2%, 1.0317 21.81%, 0.941 24.01%, 0.8912 25.91%, 0.8694 27.84%, 0.8698 29.21%, 0.8824 30.71%, 1.0122 38.33%, 1.0357, 1.046 42.71%, 1.0416 45.7%, 0.9961 53.26%, 0.9839 57.54%, 0.9853 60.71%, 1.0012 68.14%, 1.0056 72.24%, 0.9981 86.66%, 1 100% );
--elastic-ease-out: linear( 0, 0.5737 7.6%, 0.8382 11.87%, 0.9463 14.19%, 1.0292 16.54%, 1.0886 18.97%, 1.1258 21.53%, 1.137 22.97%, 1.1424 24.48%, 1.1423 26.1%, 1.1366 27.86%, 1.1165 31.01%, 1.0507 38.62%, 1.0219 42.57%, 0.9995 46.99%, 0.9872 51.63%, 0.9842 58.77%, 1.0011 81.26%, 1 );
}
.nb-arrow-button-v5__container {
grid-area: 1 / 1;
justify-content: center;
align-items: center;
display: flex;
}
.nb-arrow-button-v5__icon {
display: grid;
}
.nb-arrow-button-v5__icon--first {
left: var(--left);
position: absolute;
}
.nb-arrow-button-v5__icon-item {
grid-area: 1 / 1;
width: var(--dimensions);
height: var(--dimensions);
stroke: var(--stroke);
fill: var(--stroke);
transition: transform var(--arrow-duration) var(--arrow-ease), opacity calc(var(--arrow-duration) * 0.33) ease-out;
transition-delay: calc(var(--arrows-blur-stagger) * var(--index));
}
.nb-arrow-button-v5__icon--first .nb-arrow-button-v5__icon-item {
transform: translate3d(calc(var(--left) * -1.6), 0, 0);
opacity: 0;
transition-delay: calc(var(--arrows-blur-stagger) * var(--index));
}
.nb-arrow-button-v5__text {
display: block;
transition: transform var(--arrow-duration) var(--arrow-ease);
}
.nb-arrow-button-v5__background {
z-index: -1;
grid-area: 1 / 1;
width: 100%;
height: 100%;
transition: transform calc(var(--arrow-duration) * 1.25) var(--elastic-ease-out);
}
@media (hover: hover) {
.nb-arrow-button-v5:hover .nb-arrow-button-v5__icon:not(.nb-arrow-button-v5__icon--first) .nb-arrow-button-v5__icon-item,
.nb-arrow-button-v5:focus-visible .nb-arrow-button-v5__icon:not(.nb-arrow-button-v5__icon--first) .nb-arrow-button-v5__icon-item {
transform: translate3d(calc(var(--left) * 1.6), 0, 0);
opacity: 0;
transition-delay: calc(var(--arrows-blur-stagger) * -1 * var(--index));
}
.nb-arrow-button-v5:hover .nb-arrow-button-v5__icon--first .nb-arrow-button-v5__icon-item,
.nb-arrow-button-v5:focus-visible .nb-arrow-button-v5__icon--first .nb-arrow-button-v5__icon-item {
transform: translate3d(0, 0, 0);
opacity: 1;
transition-delay: calc((var(--arrows-blur-stagger) * var(--index)) + .2s);
}  
.nb-arrow-button-v5:hover .nb-arrow-button-v5__text,
.nb-arrow-button-v5:focus-visible .nb-arrow-button-v5__text {
transform: translate3d(calc(var(--left) * 1.6), 0, 0);
transition-delay: .1s;
}
.nb-arrow-button-v5:hover .nb-arrow-button-v5__background,
.nb-arrow-button-v5:focus-visible .nb-arrow-button-v5__background {
transform: scaleX(1.015) scaleY(1.034) translateZ(0);
}
}.next-designer-cursor--to-hide{
opacity: 0;
}
.next-designer-cursor--animation-enabled{
--floating-duration: 2s;
--floating-easing: ease-in-out;
}
.next-designer-cursor--animation-enabled.next-designer-cursor--animation-horizontal.next-designer-cursor--relative{
animation: floatingX var(--floating-duration) var(--floating-easing) infinite;
}
.next-designer-cursor--animation-enabled.next-designer-cursor--animation-vertical.next-designer-cursor--relative{
animation: floatingY var(--floating-duration) var(--floating-easing) infinite;
}
@keyframes floatingX {
0% {
transform: translateX(0);
}
50% {
transform: translateX(-10px);
}
100% {
transform: translateX(0);
}
}
@keyframes floatingY {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-10px);
}
100% {
transform: translateY(0);
}
} .next-designer-cursor--attached {
position: fixed;
z-index: 9999; pointer-events: none;
opacity: 0;
--scale: 0.5; --duration: 0.3s; --easing: ease; transform: scale(var(--scale));
transition: opacity var(--duration) var(--easing), transform var(--duration) var(--easing);
}
.next-designer-cursor--attached.active {
opacity: 1;
transform: scale(1);
} .next-designer-cursor-relative-parent{
position: relative;
}
.next-designer-cursor--relative{
position: absolute;
top: 0;
left: 0;
z-index: 9999; pointer-events: none;
} .next-designer-cursor__pointer {
min-height: unset !important;
min-width: unset !important;
--dimensions: 24px; --rotate: -70deg; stroke: #0284c7; stroke-width: 1px; fill: #0ea5e9; width: var(--dimensions);
height: var(--dimensions);
transform: translate(-50%, -50%) rotate(var(--rotate));
}
.next-designer-cursor__pointer-name {
position: absolute;
white-space: nowrap;
padding: 4px 8px; top: 12px; left: 12px; background-color: #0ea5e9; border-radius: 100px;  font-size: 14px; font-weight: 400; line-height: 1.7; color: white; }.next-cursor-slide{
position: fixed;
overflow: hidden;
pointer-events: none;
--width: 300px; --height: 300px; --slide-duration: .4s; --slide-easing: cubic-bezier(.76,0,.24,1); --cursor-duration: .5s; --cursor-easing: cubic-bezier(.76,0,.24,1); width: var(--width);
height: var(--height);
transform: translate(-50%, -50%) scale(0);
transform-origin: center center;
transition: transform var(--slide-duration) var(--slide-easing);
}
.next-cursor-slide--opened {
transform: translate(-50%, -50%) scale(1);
}
.next-cursor-slide--closed {
transform: translate(-50%, -50%) scale(0);
}
.next-cursor-slide__transform{
width: 100%;
height: fit-content;
display: flex;
flex-direction: column;
position: absolute;
top: 0;
transition: top var(--cursor-duration) var(--cursor-easing);
}
.next-cursor-slide__item{
width: var(--width);
height: var(--height);
}
.next-cursor-slide__item img{
width: 100%;
height: 100%;
object-fit: cover;
}.bc-parallax{
display: block;
width: fit-content;
height: fit-content;
overflow: visible;
}
.bc-parallax .simpleParallax{
height: 100%;
display: flex;
align-items: center;
}
.bc-parallax__element{
width: 100%;
height: 100%;
}
.bc-parallax__to-hide{
opacity: 0;
}.bc-reel__item,
.bc-reel__item > * {
flex-shrink: 0; width: fit-content;
}
.bc-reel{
direction: ltr !important;
--rotate: 0deg;
transform: rotate(var(--rotate)); --color: #fff;
--width: 25%;
}
.bc-reel[data-blur-edges="1"]::before{
background-image: linear-gradient(to right, var(--color), rgba(0, 0, 0, 0));
content: "";
position: absolute;
z-index: 99;
top: 0;
left: 0;
width: var(--width);
height: 100%;
}
.bc-reel[data-blur-edges="1"]::after{
background-image: linear-gradient(270deg, var(--color), rgba(0, 0, 0, 0));
content: "";
position: absolute;
z-index: 99;
top: 0;
right: 0;
width: var(--width);
height: 100%;
}
.bc-reel__wrapper { display: flex;
}
.bc-reel__item { display: flex;
align-items: center;
justify-content: center;
}
.bc-reel__nestable{ visibility: hidden;
min-width: 1px;
}
.bc-reel__example-heading{ background: #080808;
padding: 10px 20px;
color: white;
}
.bc-reel__to-hide{
opacity: 0;
}.bc-spinner {
--dimensions: 200px;
width: var(--dimensions); height: var(--dimensions); stroke-width: 3px; stroke: white; }
[data-hide="bc-spinner--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;
}.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;
}.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;
}