.bc-stripe__coreburguer button{
overflow: hidden;
}
.bc-stripe{
position: relative;
height: fit-content;
width: 100%;
--top-distance: 60px;
--from-distance: 20px;
--from-duration: 0.3s;
--stripe-duration: 0.3s;
--stripe-distance: 100px;
--opacity-duration: 0.3s;
--arrow-size: 8px;
--arrow-color: white;
}
.bc-stripe__main-nav {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.bc-stripe [class*=dtaz-]{
max-width: unset;
}
.bc-stripe::before {
content: 'desktop';
display: none;
}
.bc-stripe__nav-trigger {
display: none;
}
.bc-stripe__morph-dropdown-wrapper {
position: absolute;
top: var(--top-distance); 
will-change: transform;
transform: translateY(var(--from-distance)); 
transition: transform var(--from-duration);
}
[bc-stripe__is-dropdown-visible=true] .bc-stripe__morph-dropdown-wrapper {
transform: translateY(0);
}
.bc-stripe__dropdown[bc-stripe__active=true] {
opacity: 1;
visibility: visible;
}
.bc-stripe__dropdown-list > .bc-stripe__dropdown-wrapper {
position: relative;
z-index: 1;
height: 100%;
width: 100%;
overflow: hidden;
}
[bc-stripe__is-dropdown-visible=true] .bc-stripe__dropdown-list {
visibility: visible;
transition: transform var(--stripe-duration), width var(--stripe-duration), height var(--stripe-duration);
}
.bc-stripe__dropdown-list {
position: absolute;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
transform: translateZ(0);
will-change: transform, width, height;
transition: visibility var(--opacity-duration), opacity var(--opacity-duration);
border-radius: 15px; 
background: white; 
box-shadow: none; 
}
.bc-stripe__dropdown {
position: absolute;
left: 0;
top: 0;
opacity: 0;
visibility: hidden;
width: 100%;
transition: opacity var(--opacity-duration), visibility var(--opacity-duration);
}
[bc-stripe__move-left=true] .bc-stripe__content {
transform: translateX(calc(var(--stripe-distance) * -1));
}
[bc-stripe__move-right=true] .bc-stripe__content {
transform: translateX(var(--stripe-distance));
}
.bc-stripe__content {
display: flex;
flex-direction: column;
width: fit-content;
transition: transform var(--stripe-duration);
}
.bc-stripe__bg-layer {
position: absolute;
top: 0;
left: 0;
height: 1px;
width: 1px;
opacity: 0;
transition: opacity var(--opacity-duration);
transform-origin: top left;
transform: translateZ(0);
will-change: transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
[bc-stripe__is-dropdown-visible=true] .bc-stripe__bg-layer {
opacity: 1;
transition: transform var(--stripe-duration), opacity var(--opacity-duration);
}
[bc-stripe__is-dropdown-visible=true] .bc-stripe__dropdown-list {
opacity: 1;
}
.bc-stripe__has-dropdown{
padding: 25px;
}
.bc-stripe__paragraph-test{
width: 400px;
}
.bc-stripe__paragraph-test--v2{
width: 250px;
}
.bc-stripe__label{
display: none;
}
[data-arrow=arrow-enable] .bc-stripe__dropdown-list::before {
opacity: 0;
content: '';
position: absolute;
bottom: 99%;
left: 50%;
right: auto;
height: 0;
width: 0;
border: var(--arrow-size) solid transparent;
transform: translateX(-50%);
transition: opacity var(--opacity-duration);
}
[data-arrow=arrow-enable][bc-stripe__is-dropdown-visible=true] .bc-stripe__dropdown-list::before {
opacity: 1;
}
.bc-stripe__coreburguer{
display: none;
}
[data-responsive=bc-stripe-responsive] .bc-stripe__dropdown-list, 
[data-responsive=bc-stripe-responsive] .bc-stripe__dropdown,
[data-responsive=bc-stripe-responsive] .bc-stripe__morph-dropdown-wrapper {
all: unset;
}
[data-responsive=bc-stripe-responsive]::before {
content: 'mobile';
display: none;
}
[data-responsive=bc-stripe-responsive] .bc-stripe__main-nav {
display: none;
}
[data-responsive=bc-stripe-responsive] .bc-stripe__content .bc-stripe__dropdown::after {
clear: both;
content: "";
}
[data-open='bc-stripe--opened'][data-responsive=bc-stripe-responsive] .bc-stripe__morph-dropdown-wrapper {
display: block;
}
[data-responsive=bc-stripe-responsive] .bc-stripe__morph-dropdown-wrapper {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
[data-responsive=bc-stripe-responsive] .bc-stripe__morph-dropdown-wrapper {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
[data-responsive=bc-stripe-responsive][data-displaybuilderresponsive="1"] .bc-stripe__morph-dropdown-wrapper {
display: block;
}
[data-responsive=bc-stripe-responsive] .bc-stripe__label{
display: block;
}
[data-responsive=bc-stripe-responsive] .bc-stripe__coreburguer{
display: flex;
position: absolute;
z-index: 10;
top: 10px;
right: 10px;
}
[data-builder-hidden="true"]{
display: none;
}