.brxe-xreadmoreless {
display: flex;
flex-direction: column;
interpolate-size: numeric-only; }
:where(.brxe-xreadmoreless) {
position: relative;
}
.x-read-more_fade {
--x-mask-start: 40%;
--x-mask-end: 90%;
--x-read-more-rotate: 180deg;
}
.x-read-more_content {
max-height: 200px;
overflow: hidden;
}
.x-read-more_fade .x-read-more_content {
-webkit-mask-image: linear-gradient(to bottom, black var(--x-mask-start), transparent var(--x-mask-end));
mask-image: linear-gradient(to bottom, black var(--x-mask-start), transparent var(--x-mask-end));
}
.x-read-more_fade .x-read-more_content.x-read-more_expand {
-webkit-mask-image: linear-gradient(to bottom, black 100%, transparent 100%);
mask-image: linear-gradient(to bottom, black 100%, transparent 100%);
}
.x-read-more_fade .x-read-more_content.x-read-more_builder-expand {
-webkit-mask-image: linear-gradient(to bottom, black 100%, transparent 100%);
mask-image: linear-gradient(to bottom, black 100%, transparent 100%);
}
.x-read-more_content.x-read-more_builder-expand {
max-height: none!important;
}
.x-read-more_link {
background: none;
outline: none;
border: none;
box-shadow: none;
padding: 10px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
-webkit-animation: x-read-more_fade 300ms;
animation: x-read-more_fade 300ms;
visibility: hidden;
align-self: center;
bottom: 0;
}
.x-read-more_link + .x-read-more_link {
display: none;
}
.x-read-more_link-icon {
margin-left: 5px;
}
.x-read-more_content.x-read-more_expand + .x-read-more_link .x-read-more_link-icon i,
.x-read-more_content.x-read-more_expand + .x-read-more_link .x-read-more_link-icon svg {
transform: rotate(var(--x-read-more-rotate));
-webkit-transform: rotate(var(--x-read-more-rotate));
}
[data-readmore] + .x-read-more_link {
visibility: visible;
}
.brx-body.iframe .x-read-more_link {
visibility: visible;
}
.x-read-more_not-collapsable + .x-read-more_link {
display: none;
}
.x-read-more_fade .x-read-more_not-collapsable.x-read-more_content {
mask-image: none;
-webkit-mask-image: none;
}
@keyframes x-read-more_fade {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes x-read-more_fade {
from {
opacity: 0;
}
to {
opacity: 1;
}
}