html[bc-core-burguer--body-toggled]{
overflow: hidden !important;
}
html[bc-core-burguer--body-toggled] > body > .os-scrollbar-horizontal,
html[bc-core-burguer--body-toggled] > body > .os-scrollbar-vertical{
display: none !important;
}
.bc-core-burguer svg{
overflow: unset !important;
min-width: unset !important;
min-height: unset !important;
}
.bc-core-burguer{
display: flex;
width: fit-content;
height: fit-content;
}
.bc-core-burguer, .bc-core-burguer *,
.bc-core-burguer *::before, .bc-core-burguer *::after{
will-change: transform;
} .bc-burguer-style1, .bc-burguer-style1 *,
.bc-burguer-style1 *::before, .bc-burguer-style1 *::after{
will-change: unset;
}
.bc-burguer-style1 {
all: unset;
cursor: pointer;
display: flex;
--burguer-dimensions: 50px; --burguer-stroke-color: black; --burguer-stroke-width: 2px; --burguer-duration: 600ms; --burguer-easing: ease; --burguer-rounded: round; stroke-linecap: var(--burguer-rounded);
width: var(--burguer-dimensions);
height: var(--burguer-dimensions);
}.bc-burguer-style1:focus-visible{outline: auto;}
.bc-burguer-style1__line--line1 {
fill: none;
stroke: var(--burguer-stroke-color);
transition: stroke-dasharray var(--burguer-duration) var(--burguer-easing),
stroke-dashoffset var(--burguer-duration) var(--burguer-easing);
stroke-dasharray: 60 207;
stroke-width: var(--burguer-stroke-width);
}
.bc-burguer-style1__line--line2 {
fill: none;
stroke: var(--burguer-stroke-color);
transition: stroke-dasharray var(--burguer-duration) var(--burguer-easing),
stroke-dashoffset var(--burguer-duration) var(--burguer-easing);
stroke-dasharray: 60 30;
stroke-width: var(--burguer-stroke-width);
}
.bc-burguer-style1__line--line3 {
fill: none;
stroke: var(--burguer-stroke-color);
transition: stroke-dasharray var(--burguer-duration) var(--burguer-easing),
stroke-dashoffset var(--burguer-duration) var(--burguer-easing);
stroke-dasharray: 60 207;
stroke-width: var(--burguer-stroke-width);
}
.bc-burguer-style1--opened .bc-burguer-style1__line--line1 {
stroke-dasharray: 90 207;
stroke-dashoffset: -134;
stroke-width: var(--burguer-stroke-width);
}
.bc-burguer-style1--opened .bc-burguer-style1__line--line2 {
stroke-dasharray: 1 60;
stroke-dashoffset: -30;
stroke-width: var(--burguer-stroke-width);
}
.bc-burguer-style1--opened .bc-burguer-style1__line--line3 {
stroke-dasharray: 90 207;
stroke-dashoffset: -134;
stroke-width: var(--burguer-stroke-width);
} .bc-burguer-style2 svg{
overflow: unset !important;
min-width: unset !important;
min-height: unset !important;
}
.bc-burguer-style2 {
all: unset;
overflow: hidden;
display: flex;
cursor: pointer;
--burguer-dimensions: 50px; --burguer-stroke-color: black; --burguer-stroke-width: 2px; --burguer-duration: 600ms; --burguer-easing: cubic-bezier(0.4, 0, 0.2, 1); --burguer-rounded: 100px; --burguer-reversed: 1; }.bc-burguer-style2:focus-visible{outline: auto;}
.bc-burguer-style2--reversed{
--burguer-reversed: -1; }
.bc-burguer-style2__wrapper {
width: var(--burguer-dimensions);
height: var(--burguer-dimensions);
display: flex;
flex-direction: column;
justify-content: space-between;
transition: transform var(--burguer-duration) var(--burguer-easing);
}
.bc-burguer-style2__line {
background: var(--burguer-stroke-color);
width: 100%;
height: var(--burguer-stroke-width);
border-radius: var(--burguer-rounded);
}
.bc-burguer-style2__line--half-first {
width: 50%;
background: var(--burguer-stroke-color);
height: var(--burguer-stroke-width);
transition: transform var(--burguer-duration) var(--burguer-easing);
transform-origin: right;
border-radius: var(--burguer-rounded);
}
.bc-burguer-style2--reversed .bc-burguer-style2__line--half-first{
align-self: flex-end;
transform-origin: left;
}
.bc-burguer-style2__line--half-last {
width: 50%;
background: var(--burguer-stroke-color);
height: var(--burguer-stroke-width);
align-self: flex-end;
transition: transform var(--burguer-duration) var(--burguer-easing);
transform-origin: left;
border-radius: var(--burguer-rounded);
}
.bc-burguer-style2--reversed .bc-burguer-style2__line--half-last{
align-self: flex-start;
transform-origin: right;
}
.bc-burguer-style2--opened .bc-burguer-style2__wrapper {
transform: rotate(calc(-45deg * var(--burguer-reversed)));
}
.bc-burguer-style2--opened .bc-burguer-style2__line--half-first {
transform: rotate(calc(-90deg * var(--burguer-reversed))) translateX(calc(var(--burguer-stroke-width)/2*var(--burguer-reversed)));
}
.bc-burguer-style2--opened .bc-burguer-style2__line--half-last {
transform: rotate(calc(-90deg * var(--burguer-reversed))) translateX(calc(var(--burguer-stroke-width)/2*var(--burguer-reversed)*-1));
} .bc-burguer-style3 svg{
overflow: unset !important;
min-width: unset !important;
min-height: unset !important;
}
.bc-burguer-style3 {
all: unset;
cursor: pointer;
display: block;
position: relative;
--burguer-dimensions: 50px; --burguer-stroke-width: 2px;  --burguer-stroke-color: black; --burguer-duration: 200ms; --burguer-easing: cubic-bezier(0.4, 0, 0.2, 1); width: var(--burguer-dimensions);
height: var(--burguer-dimensions);
--burguer-rounded: 100px; }.bc-burguer-style3:focus-visible{outline: auto;}
.bc-burguer-style3__line {
display: block;
width: 100%;
position: relative;
top: 0;
border-radius: var(--burguer-rounded);
height: var(--burguer-stroke-width);
margin: calc(var(--burguer-stroke-width)*3) 0;
background: var(--burguer-stroke-color);
transition: top var(--burguer-duration) var(--burguer-duration), transform var(--burguer-duration);
transition-timing-function: var(--burguer-easing);
}
.bc-burguer-style3--opened .bc-burguer-style3__line {
transition: top var(--burguer-duration), transform var(--burguer-duration) var(--burguer-duration);
transition-timing-function: var(--burguer-easing);
}
.bc-burguer-style3--opened .bc-burguer-style3__line:first-child {
top: calc(var(--burguer-stroke-width)*2);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.bc-burguer-style3--opened .bc-burguer-style3__line:last-child {
top: calc(var(--burguer-stroke-width)*-2);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
} .bc-burguer-style4 svg{
overflow: unset !important;
min-width: unset !important;
min-height: unset !important;
}
.bc-burguer-style4 {
all: unset;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
--burguer-dimensions: 50px; --burguer-stroke-width: 2px; --burguer-stroke-color: black; --burguer-duration: 300ms; --burguer-easing: cubic-bezier(0.23, 1, 0.32, 1); width: var(--burguer-dimensions);
height: var(--burguer-dimensions);
--burguer-rounded: 100px; }.bc-burguer-style4:focus-visible{outline: auto;}
.bc-burguer-style4__line, .bc-burguer-style4__line::before, .bc-burguer-style4__line::after {
display: block;
width: 100%;
height: var(--burguer-stroke-width);
background-color: var(--burguer-stroke-color);
}
.bc-burguer-style4__line {
position: relative;
border-radius: var(--burguer-rounded);
}
.bc-burguer-style4__line::before, .bc-burguer-style4__line::after {
position: absolute;
border-radius: var(--burguer-rounded);
left: 0;
width: 100%;
content: '';
}
.bc-burguer-style4__line::before {
top: calc(var(--burguer-dimensions)/4);
transition: top var(--burguer-duration) var(--burguer-duration) var(--burguer-easing), transform var(--burguer-duration) var(--burguer-easing);
}
.bc-burguer-style4__line::after {
bottom: calc(var(--burguer-dimensions)/4);
transition: bottom var(--burguer-duration) var(--burguer-duration) var(--burguer-easing), transform var(--burguer-duration) var(--burguer-easing);
}
.bc-burguer-style4--opened .bc-burguer-style4__line {
background: rgba(255, 255, 255, 0);
}
.bc-burguer-style4--opened .bc-burguer-style4__line::before {
top: 0;
transition: top var(--burguer-duration) var(--burguer-easing), transform var(--burguer-duration) var(--burguer-duration) var(--burguer-easing);
transform: rotate(-45deg);
}
.bc-burguer-style4--opened .bc-burguer-style4__line::after {
bottom: 0;
transition: bottom var(--burguer-duration) var(--burguer-easing), transform var(--burguer-duration) var(--burguer-duration) var(--burguer-easing);
transform: rotate(45deg);
} .bc-burguer-style5 svg{
overflow: unset !important;
min-width: unset !important;
min-height: unset !important;
}
.bc-burguer-style5 {
all: unset;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
position: relative;
--burguer-dimensions: 50px; --burguer-stroke-width: 2px; --burguer-stroke-color: black; --burguer-duration: 300ms; --burguer-easing: cubic-bezier(0.23, 1, 0.32, 1); height: var(--burguer-dimensions);
width: var(--burguer-dimensions);
--burguer-rounded: 100px; transition: all var(--burguer-duration);
--burguer-reversed: 1; }.bc-burguer-style5:focus-visible{outline: auto;}
.bc-burguer-style5--reversed{
--burguer-reversed: -1; }
.bc-burguer-style5__line {
height: var(--burguer-stroke-width);
background: var(--burguer-stroke-color);
width: var(--burguer-dimensions);
border-radius: var(--burguer-rounded);
display: inline-block;
position: absolute;
top: 50%;
transition: all var(--burguer-duration);
transition-timing-function: var(--burguer-easing);
}
.bc-burguer-style5__line::before {
content: " ";
position: absolute;
top: calc(var(--burguer-stroke-width)*-1);
display: inline-block;
height: var(--burguer-stroke-width);
background: var(--burguer-stroke-color);
transform: translateY(calc(var(--burguer-dimensions)*-0.1));
width: var(--burguer-dimensions);
border-radius: var(--burguer-rounded);
transition: all var(--burguer-duration);
transition-timing-function: var(--burguer-easing);
}
.bc-burguer-style5--opened .bc-burguer-style5__line {
transform: rotate(calc(45deg * var(--burguer-reversed)));
background: var(--burguer-stroke-color);
}
.bc-burguer-style5--opened .bc-burguer-style5__line::before {
top: unset;
transform: rotate(calc(-90deg * var(--burguer-reversed)));
background: var(--burguer-stroke-color);
}
.bc-burguer-style5--opened:hover .bc-burguer-style5__line::before {
top: unset;
} .bc-burguer-style6 svg{
overflow: unset !important;
min-width: unset !important;
min-height: unset !important;
}
.bc-burguer-style6 {
all: unset;
cursor: pointer;
--burguer-dimensions: 50px; --burguer-stroke-width: 2px; --burguer-stroke-color: black; --burguer-duration: 500ms; --burguer-easing: ease; width: var(--burguer-dimensions);
height: var(--burguer-dimensions);
--burguer-rounded: 100px; transition-duration: var(--burguer-duration);
transition-timing-function: var(--burguer-easing);
--burguer-reversed: 1; }.bc-burguer-style6:focus-visible{outline: auto;}
.bc-burguer-style6--reversed{
--burguer-reversed: -1; }
.bc-burguer-style6__icon {
transition-duration: var(--burguer-duration);
transition-timing-function: var(--burguer-easing);
position: absolute;
height: var(--burguer-stroke-width);
width: var(--burguer-dimensions);
border-radius: var(--burguer-rounded);
top: calc(var(--burguer-dimensions)/2);
background-color: var(--burguer-stroke-color);
}
.bc-burguer-style6__icon:before {
transition-duration: var(--burguer-duration);
transition-timing-function: var(--burguer-easing);
position: absolute;
width: var(--burguer-dimensions);
height: var(--burguer-stroke-width);
border-radius: var(--burguer-rounded);
top: calc(var(--burguer-dimensions)/-3);
background-color: var(--burguer-stroke-color);
content: "";
}
.bc-burguer-style6__icon:after {
transition-duration: var(--burguer-duration);
transition-timing-function: var(--burguer-easing);
position: absolute;
width: var(--burguer-dimensions);
height: var(--burguer-stroke-width);
border-radius: var(--burguer-rounded);
top: calc(var(--burguer-dimensions)/3);
background-color: var(--burguer-stroke-color);
content: "";
}
.bc-burguer-style6--opened .bc-burguer-style6__icon {
transition-duration: var(--burguer-duration);
transition-timing-function: var(--burguer-easing);
background: transparent;
}
.bc-burguer-style6--opened .bc-burguer-style6__icon:before {
transform: rotateZ(calc(45deg * var(--burguer-reversed))) scaleX(1.25) translate(calc(var(--burguer-dimensions)/4.615 * var(--burguer-reversed)), calc(var(--burguer-dimensions)/4.615));
}
.bc-burguer-style6--opened .bc-burguer-style6__icon:after {
transform: rotateZ(calc(-45deg * var(--burguer-reversed))) scaleX(1.25) translate(calc(var(--burguer-dimensions)/5 * var(--burguer-reversed)), calc(var(--burguer-dimensions)/-5));
} .bc-burguer-style7 svg{
overflow: unset !important;
min-width: unset !important;
min-height: unset !important;
}
.bc-burguer-style7 {
all: unset;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
position: relative;
--burguer-dimensions: 50px; --burguer-stroke-width: 2px; --burguer-stroke-color: black; --burguer-duration: 600ms; --burguer-easing: cubic-bezier(0.23, 1, 0.32, 1); height: var(--burguer-dimensions);
width: var(--burguer-dimensions);
--burguer-rounded: 100px; transition: all var(--burguer-duration);
--burguer-reversed: 1; }.bc-burguer-style7:focus-visible{outline: auto;}
.bc-burguer-style7--reversed{
--burguer-reversed: -1; }
.bc-burguer-style7__line {
height: var(--burguer-stroke-width);
background: var(--burguer-stroke-color);
width: var(--burguer-dimensions);
border-radius: var(--burguer-rounded);
display: inline-block;
position: absolute;
top: 50%;
transition: all var(--burguer-duration);
transition-timing-function: var(--burguer-easing);
}
.bc-burguer-style7__line::before {
content: " ";
position: absolute;
top: calc(var(--burguer-stroke-width)*-1);
display: inline-block;
height: var(--burguer-stroke-width);
background: var(--burguer-stroke-color);
transform: translateY(calc(var(--burguer-dimensions)*-0.1));
width: var(--burguer-dimensions);
border-radius: var(--burguer-rounded);
transition: all var(--burguer-duration);
transition-timing-function: var(--burguer-easing);
}
.bc-burguer-style7--opened .bc-burguer-style7__line {
transform: rotate(calc(45deg * var(--burguer-reversed)));
background: var(--burguer-stroke-color);
}
.bc-burguer-style7--opened .bc-burguer-style7__line::before {
top: unset;
transform: rotate(calc(90deg * var(--burguer-reversed)));
background: var(--burguer-stroke-color);
}
.bc-burguer-style7--opened:hover .bc-burguer-style7__line::before {
top: unset;
} .bc-burguer-style8 svg{
overflow: unset !important;
min-width: unset !important;
min-height: unset !important;
}
.bc-burguer-style8 {
all: unset;
cursor: pointer;
--burguer-dimensions: 50px; --burguer-stroke-width: 2px; --burguer-stroke-color: black; --burguer-duration: 500ms; --burguer-easing: ease; width: var(--burguer-dimensions);
height: var(--burguer-dimensions);
--burguer-rounded: 100px; transition-duration: var(--burguer-duration);
transition-timing-function: var(--burguer-easing);
position: relative;
}.bc-burguer-style8:focus-visible{outline: auto;}
.bc-burguer-style8__left-icon {
height: var(--burguer-stroke-width);
width: calc(var(--burguer-dimensions)/2);
top: calc(var(--burguer-dimensions)/2);
border-top-left-radius: var(--burguer-rounded);
border-bottom-left-radius: var(--burguer-rounded);
transition-duration: var(--burguer-duration);
transition-timing-function: var(--burguer-easing);
position: absolute;
background-color: var(--burguer-stroke-color);
}
.bc-burguer-style8__left-icon:before {
width: calc(var(--burguer-dimensions)/2);
height: var(--burguer-stroke-width);
top: calc(var(--burguer-dimensions)/-3);
border-top-left-radius: var(--burguer-rounded);
border-bottom-left-radius: var(--burguer-rounded);
transition-duration: var(--burguer-duration);
transition-timing-function: var(--burguer-easing);
position: absolute;
background-color: var(--burguer-stroke-color);
content: "";
}
.bc-burguer-style8__left-icon:after {
width: calc(var(--burguer-dimensions)/2);
height: var(--burguer-stroke-width);
top: calc(var(--burguer-dimensions)/3);
border-top-left-radius: var(--burguer-rounded);
border-bottom-left-radius: var(--burguer-rounded);
transition-duration: var(--burguer-duration);
transition-timing-function: var(--burguer-easing);
position: absolute;
background-color: var(--burguer-stroke-color);
content: "";
}
.bc-burguer-style8__left-icon:hover {
cursor: pointer;
}
.bc-burguer-style8__right-icon {
height: var(--burguer-stroke-width);
width: calc(var(--burguer-dimensions)/2);
top: calc(var(--burguer-dimensions)/2);
left: calc(var(--burguer-dimensions)/2);
border-top-right-radius: var(--burguer-rounded);
border-bottom-right-radius: var(--burguer-rounded);
transition-duration: var(--burguer-duration);
transition-timing-function: var(--burguer-easing);
position: absolute;
background-color: var(--burguer-stroke-color);
}
.bc-burguer-style8__right-icon:before {
width: calc(var(--burguer-dimensions)/2);
height: var(--burguer-stroke-width);
top: calc(var(--burguer-dimensions)/-3);
border-top-right-radius: var(--burguer-rounded);
border-bottom-right-radius: var(--burguer-rounded);
transition-duration: var(--burguer-duration);
transition-timing-function: var(--burguer-easing);
position: absolute;
background-color: var(--burguer-stroke-color);
content: "";
}
.bc-burguer-style8__right-icon:after {
width: calc(var(--burguer-dimensions)/2);
height: var(--burguer-stroke-width);
top: calc(var(--burguer-dimensions)/3);;
border-top-right-radius: var(--burguer-rounded);
border-bottom-right-radius: var(--burguer-rounded);
transition-duration: var(--burguer-duration);
transition-timing-function: var(--burguer-easing);
position: absolute;
background-color: var(--burguer-stroke-color);
content: "";
}
.bc-burguer-style8--opened .bc-burguer-style8__left-icon {
transition-duration: var(--burguer-duration);
transition-timing-function: var(--burguer-easing);
background: transparent;
}
.bc-burguer-style8--opened .bc-burguer-style8__left-icon:before {
transform: rotateZ(45deg) scaleX(1.4) translate(calc(var(--burguer-dimensions)/15), calc(var(--burguer-dimensions)/15));
}
.bc-burguer-style8--opened .bc-burguer-style8__left-icon:after {
transform: rotateZ(-45deg) scaleX(1.4) translate(calc(var(--burguer-dimensions)/15), calc(var(--burguer-dimensions)/-15));
}
.bc-burguer-style8--opened .bc-burguer-style8__right-icon {
transition-duration: var(--burguer-duration);
transition-timing-function: var(--burguer-easing);
background: transparent;
}
.bc-burguer-style8--opened .bc-burguer-style8__right-icon:before {
transform: rotateZ(-45deg) scaleX(1.4) translate(calc(var(--burguer-dimensions)/-15), calc(var(--burguer-dimensions)/15));
}
.bc-burguer-style8--opened .bc-burguer-style8__right-icon:after {
transform: rotateZ(45deg) scaleX(1.4) translate(calc(var(--burguer-dimensions)/-15), calc(var(--burguer-dimensions)/-15));
} .bc-burguer-style9 svg{
overflow: unset !important;
min-width: unset !important;
min-height: unset !important;
}
.bc-burguer-style9 {
all: unset;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
--burguer-dimensions: 50px; --burguer-stroke-width: 2px; --burguer-stroke-color: black; --burguer-duration: 300ms; --burguer-easing: cubic-bezier(0.23, 1, 0.32, 1); width: var(--burguer-dimensions);
height: var(--burguer-dimensions);
--burguer-rounded: 100px; }.bc-burguer-style9:focus-visible{outline: auto;}
.bc-burguer-style9__line, .bc-burguer-style9__line::before, .bc-burguer-style9__line::after {
display: block;
width: 100%;
height: var(--burguer-stroke-width);
background-color: var(--burguer-stroke-color);
border-radius: var(--burguer-rounded);
}
.bc-burguer-style9__line {
position: relative;
}
.bc-burguer-style9__line::before, .bc-burguer-style9__line::after {
position: absolute;
left: 0;
width: 100%;
content: '';
}
.bc-burguer-style9__line::before {
top: calc(var(--burguer-dimensions)/4);
transition: top var(--burguer-duration) var(--burguer-easing);
}
.bc-burguer-style9__line::after {
bottom: calc(var(--burguer-dimensions)/4);
transition: bottom var(--burguer-duration) var(--burguer-easing);
}
.bc-burguer-style9--opened .bc-burguer-style9__line {
background: rgba(255, 255, 255, 0);
}
.bc-burguer-style9--opened .bc-burguer-style9__line::before {
top: 0;
transition: top var(--burguer-duration) var(--burguer-easing);
}
.bc-burguer-style9--opened .bc-burguer-style9__line::after {
bottom: 0;
transition: bottom var(--burguer-duration) var(--burguer-easing);
} .bc-burguer-style10 svg{
overflow: unset !important;
min-width: unset !important;
min-height: unset !important;
}
.bc-burguer-style10{
all: unset;
cursor: pointer;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
--burguer-dimensions: 50px; --burguer-rotate: calc(var(--burguer-dimensions) * -0.30);
--burguer-stroke-width: 2px; --burguer-stroke-color: black; --burguer-duration: 600ms; --burguer-easing: ease; width: calc(var(--burguer-dimensions));
height: calc(var(--burguer-dimensions));
--burguer-rounded: 100px; transition: var(--burguer-duration) var(--burguer-easing);
--burguer-reversed: 1; }.bc-burguer-style10:focus-visible{outline: auto;}
.bc-burguer-style10--reversed{
--burguer-reversed: -1; }
.bc-burguer-style10__first-line{
width: 100%;
height: var(--burguer-stroke-width);
border-radius: var(--burguer-rounded);
background: var(--burguer-stroke-color);
transition: var(--burguer-duration) var(--burguer-easing);
}
.bc-burguer-style10__second-line{
width: 100%;
height: var(--burguer-stroke-width);
border-radius: var(--burguer-rounded);
margin-top: 30%;
background: var(--burguer-stroke-color);
transition: var(--burguer-duration) var(--burguer-easing);
}
.bc-burguer-style10--opened{
transform: rotateZ(180deg)
}
.bc-burguer-style10--opened .bc-burguer-style10__first-line{
background: var(--burguer-stroke-color);
transform: translate(0, 100%) rotateZ(calc(45deg * var(--burguer-reversed)));
}
.bc-burguer-style10--opened .bc-burguer-style10__second-line{
background: var(--burguer-stroke-color);
width: 100%;
transform:  translateY(var(--burguer-rotate)) rotateZ(calc(-45deg * var(--burguer-reversed)));
}.bc-offcanvas-menu{
width: fit-content;
--transition-duration-backdrop: 1s;
--transition-easing-backdrop: linear;
}
.bc-core-burguer--offcanvas-menu{
top: 0px;
z-index: 3;
}
.bc-offcanvas-menu__items-wrapper{
position: absolute;
width: fit-content;
height: 100vh;
padding: 50px;
background: #a0e806;
display: flex;
pointer-events: none;
z-index: 2;
overflow: auto;
}
[data-classtype=bc-offcanvas-menu--fromtop] .bc-offcanvas-menu__items-wrapper{
clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
top: 0;
}
[data-classtype=bc-offcanvas-menu--fromleft] .bc-offcanvas-menu__items-wrapper{
clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
top: 0;
left: 0;
}
[data-classtype=bc-offcanvas-menu--fromright] .bc-offcanvas-menu__items-wrapper{
clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
top: 0;
right: 0;
}
.bc-offcanvas-menu__backdrop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
pointer-events: none;
visibility: hidden;
opacity: 0;
background: rgba(2, 105, 33, 0.4);
-webkit-transition: visibility 0s calc(var(--transition-duration-backdrop) * 2), opacity var(--transition-duration-backdrop) var(--transition-easing-backdrop);
transition: visibility 0s calc(var(--transition-duration-backdrop) * 2), opacity var(--transition-duration-backdrop) var(--transition-easing-backdrop);
}
[data-open=bc-offcanvas-menu--opened] .bc-offcanvas-menu__backdrop {
pointer-events: auto;
visibility: visible;
opacity: 1;
-webkit-transition: opacity var(--transition-duration-backdrop) var(--transition-easing-backdrop);
transition: opacity var(--transition-duration-backdrop) var(--transition-easing-backdrop);
}
.bc-offcanvas-menu[data-hide-content=true] .bc-offcanvas-menu__items-wrapper{
opacity: 0;
visibility: hidden;
}.bc-core-tabs[data-to-hide]{
opacity: 0;
}
.bc-core-tabs{
--animation-duration: 0.4s;
--animation-ease: ease;
--opacity-from: 0;
--translate-x-from: 0;
--translate-y-from: 0;
}
.bc-core-tabs__tab-content[data-hide] {
display: none;
}
.bc-core-tabs__tab-content[data-show] {
opacity: var(--opacity-from);
transform: translate(var(--translate-x-from), var(--translate-y-from));
animation: coreTabsAnimationIn var(--animation-duration) var(--animation-ease) forwards;
}
@keyframes coreTabsAnimationIn {
100% {
opacity: 1;
transform: translateX(0px);
}
}