:root {
--fr-scrollbar-width: 17px;
--fr-modal-body-offset-vertical: 3rem;
--fr-modal-body-offset-horizontal: 3rem;
}
.fr-modal {
align-items: center;
justify-content: center;
position: fixed;
inset-inline-start: 0;
inset-block-start: 0;
width: 100%;
height: 100%;
z-index: 9999;
visibility: hidden;
opacity: 0;
padding-inline-start: var(--fr-modal-body-offset-horizontal);
padding-inline-end: var(--fr-modal-body-offset-horizontal);
padding-block-start: var(--fr-modal-body-offset-vertical);
padding-block-end: var(--fr-modal-body-offset-vertical);
transition: visibility var(--fade-in-time), opacity var(--fade-in-time);
}
.fr-modal--hide {
display: none;
}
.fr-modal .fr-modal__body {
transform: scale(0.99) translateY(0.6rem);
transition: transform var(--fade-in-time);
}
.fr-modal.fr-modal--open .fr-modal__body {
transform: scale(1) translateY(0);
transition: transform var(--fade-in-time);
}
.fr-modal.fr-modal--closing {
visibility: hidden;
opacity: 0;
transition: visibility var(--fade-out-time), opacity var(--fade-out-time);
}
.fr-modal.fr-modal--closing .fr-modal__body {
transform: scale(0.99) translateY(0.6rem);
transition: transform var(--fade-out-time);
}
.fr-modal__overlay {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
}
.fr-modal__trigger--higher-index {
z-index: 99999999;
}
.fr-modal__body {
position: relative;
z-index: 1000;
box-sizing: border-box;
max-width: calc(100% - var(--fr-modal-body-offset-horizontal) * 2);
max-height: calc(100% - var(--fr-modal-body-offset-vertical) * 2);
}
.fr-modal__close-icon-wrapper {
position: absolute;
aspect-ratio: 1;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
z-index: 1001;
}
.fr-modal__close-icon {
line-height: 1;
background-color: transparent;
}
.fr-modal--open,
.iframe .fr-modal {
visibility: visible;
opacity: 1;
pointer-events: auto;
transition: visibility var(--fade-in-time), opacity var(--fade-in-time);
}
.iframe .fr-modal {
display: none;
} .iframe .fr-modal {
position: fixed;
inset-inline-start: 0px;
inset-block-start: 0px;
width: 100%;
height: 100%;
} .iframe .fr-modal {
display: flex !important;
}
.iframe .fr-modal[fr-builder="hide"],
.iframe [data-fr-modal="true"] {
display: none !important;
pointer-events: none !important;
z-index: -1 !important;
}
.iframe .fr-modal:has(.fr-modal[fr-builder="hide"]) {
display: none !important;
} .brx-body.iframe .fr-modal:not([data-index]) {
display: none;
}
.brx-body.iframe .brxe-fr-modal:not([data-index]) *,
.brx-body.iframe .brxe-fr-modal:not([data-index]) {
display: none;
pointer-events: none;
}
.iframe main.bricks-static-content {
z-index: -1;
} .fr-modal[data-fr-modal-scroll="true"] .fr-modal__body {
overflow-y: scroll;
}
.fr-modal[data-fr-modal-scrollbar="true"] .fr-modal__body::-webkit-scrollbar {
display: none;
}
.fr-modal[data-fr-modal-scrollbar="true"] .fr-modal__body {
-ms-overflow-style: none; scrollbar-width: none; } body.fr-modal-prevent-scroll {
overflow-y: hidden;
}
body.fr-modal-body-padding {
padding-inline-end: var(--fr-scrollbar-width);
}.fr-toc__list {
list-style: none;
padding-left: 0;
counter-reset: process-counter;
margin: 0;
display: flex;
flex-direction: column;
}
.fr-toc, div:has(> .fr-toc) {
width: 100%;
}
.fr-toc__list:not(:first-child) {
padding-left: 10px;
}
.fr-toc__list-link {
text-decoration: none;
display: block;
width: 100%
}
.fr-toc__list-link::before {
counter-increment: process-counter;
content: counter(process-counter) '. ';
}
.fr-toc__header {
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
position: relative;
gap: 30px;
background: none;
border: none;
padding: 0;
width: 100%;
}
.fr-toc__header[aria-expanded="true"] .fr-toc__icon {
transform: rotate(180deg);
}
[aria-expanded="false"] + .fr-toc__body {
visibility: hidden;
}
.fr-toc__body {
overflow: hidden;
transition: 0.3s ease;
}
.fr-toc__icon {
transition: 0.3s ease;
border-radius: 100%;
aspect-ratio: 1;
display: flex;
justify-content: center;
align-items: center;
}
.fr-toc__body--open {
visibility: visible;
}
.brx-body.iframe
.fr-toc__list.fr-builder {
display: block;
}
.fr-toc__list.fr-builder {
display: none;
} [data-fr-toc-list-type="lower-alpha"] ol > li > .fr-toc__list-link::before {
counter-increment: process-counter;
content: counter(process-counter, lower-alpha) ') ';
}
[data-fr-toc-list-type="decimal"] ol > li > .fr-toc__list-link::before {
counter-increment: process-counter;
content: counter(process-counter, decimal) '. ';
}
[data-fr-toc-list-type="none"] ol > li > .fr-toc__list-link::before {
counter-increment: process-counter;
content: "";
}
[data-fr-toc-sublist-type="lower-alpha"] ol ol .fr-toc__list-link::before {
counter-increment: process-counter;
content: counter(process-counter, lower-alpha) ') ';
}
[data-fr-toc-sublist-type="none"] ol ol .fr-toc__list-link::before {
counter-increment: process-counter;
content: "";
}
[data-fr-toc-sublist-type="decimal"] ol ol .fr-toc__list-link::before {
counter-increment: process-counter;
content: counter(process-counter, decimal) '. ';
}