[data-e-id=text01].element-item--free .element-content {
    word-break: normal;
    white-space: normal
}

body.adaptive-desktop [data-e-id=text01].autowidth-desktop,
body.adaptive-mobile [data-e-id=text01].autowidth-mobile {
    --elementMaxWidth: 100%
}

[data-e-id=text01] {
    --elementMinWidth: min-content
}

[data-e-id=text01] .element-text {
    display: block;
    max-width: 100%;
    width: 100%;
    margin: 0;
    padding: 0
}

[data-e-id=text01] .quote-mark {
    display: none;
    width: 35px;
    height: 23px;
    margin-bottom: 20px;
    order: -1
}

[data-e-id=text01] .text-style-quote[data-mod="1"] {
    width: auto;
    text-align: left !important;
    position: relative;
    padding: 0 .83em
}

[data-e-id=text01] .text-style-quote[data-mod="1"]:before {
    content: "";
    position: absolute;
    top: 2px;
    bottom: 2px;
    left: 0;
    width: .111em;
    min-width: 1px;
    max-width: 2px;
    background: currentColor
}

[data-e-id=text01][data-element-justify=start] .text-style-quote[data-mod="1"] {
    width: 100%
}

[data-e-id=text01].fill-space .element-content {
    align-items: flex-end
}

[data-e-id=timer01].element-item--free {
    --elementJustify: center
}

[data-e-id=zone] {
    --paddingTop: 0px;
    --paddingBottom: 0px;
    --paddingLeft: 0px;
    --paddingRight: 0px;
    display: flex;
    position: relative;
    width: 100%;
    min-height: var(--minHeight, 0);
    pointer-events: all
}

[data-e-id=zone] .elements-list {
    justify-content: var(--elementAlign, flex-start);
    align-items: var(--elementJustify, flex-start);
    display: flex;
    flex-flow: column nowrap;
    position: relative;
    width: 100%;
    padding: var(--paddingTop) var(--paddingRight) var(--paddingBottom) var(--paddingLeft);
    z-index: auto !important
}

[data-e-id=zone] .element-item--static {
    --elementMaxWidth: var(--maxWidthContent, none)
}

[data-e-id=zone].has-action {
    cursor: pointer
}

body.adaptive-desktop [data-e-id=zone].content-zone--double {
    align-items: stretch
}

body.adaptive-desktop [data-e-id=zone].content-zone--double .elements-list--first {
    --topRightRadius: 0px;
    --bottomRightRadius: 0px;
    padding-right: calc(var(--paddingGap, 0px) / 2)
}

body.adaptive-desktop [data-e-id=zone].content-zone--double .elements-list--first .element-item.no-gutter {
    margin-right: calc(var(--paddingGap, 0px) / -2)
}

body.adaptive-desktop [data-e-id=zone].content-zone--double .elements-list--last {
    --topLeftRadius: 0px;
    --bottomLeftRadius: 0px;
    padding-left: calc(var(--paddingGap, 0px) / 2)
}

body.adaptive-desktop [data-e-id=zone].content-zone--double .elements-list--last .element-item.no-gutter {
    margin-left: calc(var(--paddingGap, 0px) / -2)
}

body.adaptive-mobile [data-e-id=zone].content-zone--adaptive-row {
    align-items: stretch
}

body.adaptive-mobile [data-e-id=zone].content-zone--adaptive-row .elements-list--adaptive-first {
    --topRightRadius: 0px;
    --bottomRightRadius: 0px;
    padding-right: calc(var(--paddingGap, 0px) / 2);
    order: 0
}

body.adaptive-mobile [data-e-id=zone].content-zone--adaptive-row .elements-list--adaptive-first .element-item.no-gutter {
    margin-right: calc(var(--paddingGap, 0px) / -2)
}

body.adaptive-mobile [data-e-id=zone].content-zone--adaptive-row .elements-list--adaptive-last {
    --topLeftRadius: 0px;
    --bottomLeftRadius: 0px;
    padding-left: calc(var(--paddingGap, 0px) / 2);
    order: 1
}

body.adaptive-mobile [data-e-id=zone].content-zone--adaptive-row .elements-list--adaptive-last .element-item.no-gutter {
    margin-left: calc(var(--paddingGap, 0px) / -2)
}

body.adaptive-mobile [data-e-id=zone].content-zone--adaptive-column {
    flex-flow: column;
    height: -moz-min-content;
    height: min-content
}

body.adaptive-mobile [data-e-id=zone].content-zone--adaptive-column .elements-list {
    max-width: 100%
}

body.adaptive-mobile [data-e-id=zone].content-zone--adaptive-column .elements-list--adaptive-top {
    --bottomLeftRadius: 0px;
    --bottomRightRadius: 0px;
    padding-bottom: calc(var(--paddingGap, 0px) / 2);
    order: 0
}

body.adaptive-mobile [data-e-id=zone].content-zone--adaptive-column .elements-list--adaptive-top .element-item.is-last-child.no-gutter {
    margin-bottom: calc(var(--paddingGap, 0px) / -2) !important
}

body.adaptive-mobile [data-e-id=zone].content-zone--adaptive-column .elements-list--adaptive-bottom {
    --topLeftRadius: 0px;
    --topRightRadius: 0px;
    padding-top: calc(var(--paddingGap, 0px) / 2);
    order: 1
}

body.adaptive-mobile [data-e-id=zone].content-zone--adaptive-column .elements-list--adaptive-bottom .element-item.is-first-child.no-gutter {
    margin-top: calc(var(--paddingGap, 0px) / -2) !important
}

body.adaptive-mobile .cover [data-e-id=zone].content-zone--adaptive-column {
    height: auto
}

[data-m-id=BASIC] {
    --width: 400px;
    --gapLeft: 50px;
    --gapRight: 50px;
    --gapTop: 50px;
    --gapBottom: 50px
}

[data-m-id=BASIC] .scroller {
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0
}

[data-m-id=BASIC] .scroll-content {
    display: flex;
    margin: 0;
    width: 100%;
    flex-grow: 1;
    pointer-events: none;
    padding: var(--gapTop) var(--gapRight) var(--gapBottom) var(--gapLeft) !important
}

[data-m-id=BASIC] .modal-content {
    position: relative;
    display: flex;
    flex-flow: column;
    margin: auto;
    width: var(--width);
    min-height: var(--minHeight)
}

[data-m-id=BASIC] .content-zone {
    flex-grow: 1;
    min-height: 100%
}

[data-m-id=BASIC] {
    --closeSize: 16px
}

[data-m-id=BASIC] .close {
    padding: 5px;
    z-index: 1001;
    pointer-events: all;
    transition: opacity .18s
}

[data-m-id=BASIC] .close .component-icon {
    --iconSize: var(--closeSize) !important;
    --iconSizeFallback: var(--closeSize) !important
}

[data-m-id=BASIC] .close--outside {
    position: fixed;
    top: 5px;
    right: 5px;
    margin: 0 var(--scrollbarWidth)
}

[data-m-id=BASIC] .close--near {
    position: absolute;
    bottom: 100%;
    left: 100%;
    margin: 0
}

[data-m-id=BASIC] .close--inside {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer
}

[data-m-id=BASIC] [data-contrast=dark]~.close--inside {
    --iconColor: var(--darkColor)
}

[data-m-id=BASIC] [data-contrast=light]~.close--inside {
    --iconColor: var(--lightColor)
}

body:not(.mode--editor) [data-m-id=BASIC] {
    --animationDirection: normal;
    --animationDuration: 450ms;
    --animationFunction: cubic-bezier(0.09, 0.31, 0.22, 0.96)
}

body:not(.mode--editor) [data-m-id=BASIC].animation-backwards {
    --animationDirection: reverse;
    --animationDuration: 250ms
}

body:not(.mode--editor) [data-m-id=BASIC] .animation-fade {
    --animationName: fadeIn
}

body:not(.mode--editor) [data-m-id=BASIC] .animation-slide {
    --animationName: slideDown
}

body:not(.mode--editor) [data-m-id=BASIC] .component-bg {
    animation: none
}

body:not(.mode--editor) [data-m-id=BASIC] .modal-data {
    animation: fadeIn var(--animationDuration) ease both var(--animationDirection)
}

body:not(.mode--editor) [data-m-id=BASIC] .modal-content {
    animation: var(--animationName) var(--animationDuration) var(--animationFunction) both var(--animationDirection)
}

body.adaptive-desktop .close:hover {
    opacity: .8
}

body.adaptive-desktop [data-m-id=BASIC] .justify-end .close--near {
    left: auto;
    right: 100%
}

body.adaptive-desktop [data-m-id=BASIC] .justify-end .close--outside {
    left: 0;
    right: auto;
    margin: 5px
}

body.adaptive-desktop [data-m-id=BASIC] .align-start .close--near,
body.adaptive-desktop [data-m-id=BASIC] .full-height .close--near {
    top: 0
}

body.adaptive-desktop [data-m-id=BASIC] .scroller.justify-start .modal-content {
    margin-left: 0
}

body.adaptive-desktop [data-m-id=BASIC] .scroller.justify-end .modal-content {
    margin-right: 0
}

body.adaptive-desktop [data-m-id=BASIC] .scroller.align-start .modal-content {
    margin-top: 0
}

body.adaptive-desktop [data-m-id=BASIC] .scroller.align-end .modal-content {
    margin-bottom: 0
}

body.adaptive-desktop [data-m-id=BASIC] .full-width {
    --width: 100%
}

body.adaptive-desktop [data-m-id=BASIC] .full-width .modal-content {
    margin-left: 0;
    margin-right: 0
}

body.adaptive-desktop:not(.mode--editor) [data-m-id=BASIC] .full-height .modal-content {
    margin-top: 0;
    margin-bottom: 0
}

body.adaptive-desktop [data-m-id=BASIC] .gap-x-0.justify-start>.bg-element {
    --topLeftRadius: 0px;
    --bottomLeftRadius: 0px
}

body.adaptive-desktop [data-m-id=BASIC] .gap-x-0.justify-end>.bg-element {
    --topRightRadius: 0px;
    --bottomRightRadius: 0px
}

body.adaptive-desktop [data-m-id=BASIC] .gap-y-0.align-start>.bg-element {
    --topRightRadius: 0px;
    --topLeftRadius: 0px
}

body.adaptive-desktop [data-m-id=BASIC] .gap-y-0.align-end>.bg-element {
    --bottomRightRadius: 0px;
    --bottomLeftRadius: 0px
}

body.adaptive-desktop [data-m-id=BASIC] .gap-y-0.full-height>.bg-element,
body.adaptive-desktop [data-m-id=BASIC] .gap-y-0.full-width>.bg-element {
    --topRightRadius: 0px;
    --topLeftRadius: 0px;
    --bottomRightRadius: 0px;
    --bottomLeftRadius: 0px
}

body.adaptive-desktop [data-m-id=BASIC] .animation-slide.align-end .modal-content {
    --animationName: slideUp
}

body.adaptive-desktop [data-m-id=BASIC] .animation-slide.justify-start .modal-content {
    --animationName: slideRight;
    --animationSlideDistance: 50px
}

body.adaptive-desktop [data-m-id=BASIC] .animation-slide.justify-end .modal-content {
    --animationName: slideLeft;
    --animationSlideDistance: 50px
}

body.adaptive-mobile [data-m-id=BASIC] .free-area {
    width: 100%;
    max-width: var(--100vw);
    left: var(--fixedOffset)
}

body.adaptive-mobile [data-m-id=BASIC] .scroll-content {
    max-width: var(--100vw);
    margin-left: var(--fixedOffset)
}

body.adaptive-mobile [data-m-id=BASIC] .scroller.mobile-justify-start .modal-content {
    margin-left: 0
}

body.adaptive-mobile [data-m-id=BASIC] .scroller.mobile-justify-end .modal-content {
    margin-right: 0
}

body.adaptive-mobile [data-m-id=BASIC] .scroller.mobile-align-start .modal-content {
    margin-top: 0
}

body.adaptive-mobile [data-m-id=BASIC] .scroller.mobile-align-end .modal-content {
    margin-bottom: 0
}

body.adaptive-mobile [data-m-id=BASIC] .mobile-full-width {
    --width: 100%
}

body.adaptive-mobile [data-m-id=BASIC] .mobile-full-width .modal-content {
    margin-left: 0;
    margin-right: 0
}

body.adaptive-mobile:not(.mode--editor) [data-m-id=BASIC] .mobile-full-height .modal-content {
    margin-top: 0;
    margin-bottom: 0;
    flex-grow: 1
}

body.adaptive-mobile:not(.mode--editor) [data-m-id=BASIC] .mobile-full-height .content-zone--adaptive-column .elements-list {
    flex-basis: auto
}

body.adaptive-mobile [data-m-id=BASIC] .close--inside {
    top: 7px;
    right: 7px
}

body.adaptive-mobile [data-m-id=BASIC] .close--outside {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: sticky;
    flex-shrink: 0;
    flex-grow: 0;
    min-height: 60px;
    width: 100%;
    max-width: var(--100vw);
    margin-left: var(--fixedOffset);
    padding: 0 7px;
    top: 0;
    transition: all .35s ease
}

body.adaptive-mobile [data-m-id=BASIC] .close--outside.stuck {
    background: var(--contrastColor);
    color: var(--currentColor)
}

body.adaptive-mobile [data-m-id=BASIC] .animation-slide {
    --animationName: slideDown;
    --animationSlideDistance: 30px
}

body.adaptive-mobile [data-m-id=BASIC] .animation-slide.mobile-align-end .modal-content {
    --animationName: slideUp
}

body.adaptive-mobile [data-m-id=BASIC] .animation-slide.mobile-justify-start .modal-content {
    --animationName: slideRight
}

body.adaptive-mobile [data-m-id=BASIC] .animation-slide.mobile-justify-end .modal-content {
    --animationName: slideLeft
}

body.adaptive-mobile [data-m-id=BASIC] .mobile-gap-y-0:is(.mobile-justify-start, .mobile-full-width, .mobile-full-height) .content-zone {
    --topLeftRadius: 0px;
    --bottomLeftRadius: 0px
}

body.adaptive-mobile [data-m-id=BASIC] .mobile-gap-y-0:is(.mobile-justify-end, .mobile-full-width, .mobile-full-height) .content-zone {
    --topRightRadius: 0px;
    --bottomRightRadius: 0px
}

body.adaptive-mobile [data-m-id=BASIC] .mobile-gap-y-0:is(.mobile-align-start, .mobile-full-width, .mobile-full-height) .content-zone {
    --topRightRadius: 0px;
    --topLeftRadius: 0px
}

body.adaptive-mobile [data-m-id=BASIC] .mobile-gap-y-0:is(.mobile-align-end, .mobile-full-width, .mobile-full-height) .content-zone {
    --bottomRightRadius: 0px;
    --bottomLeftRadius: 0px
}

[data-m-id=QUIZ] .close-times {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1001
}

[data-m-id=QUIZ] .scroller {
    padding: 40px 0
}

[data-m-id=QUIZ] .modal-content {
    display: flex;
    flex-flow: row wrap;
    min-height: 100%
}

body.adaptive-mobile [data-m-id=QUIZ] .close-times {
    top: 28px;
    right: 20px
}

body.adaptive-mobile [data-m-id=QUIZ] .modal-data {
    padding: var(--safeAreaTop) 0 var(--safeAreaBottom)
}

body.adaptive-mobile [data-m-id=QUIZ] .scroller .modal-content {
    padding: 25px 0
}

body.adaptive-mobile [data-m-id=QUIZ] .component-quiz .quiz-progress {
    padding-top: 30px
}

[data-w-id=FIXED_AREA] {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: 2502
}

body:not(.mode--editor) [data-e-id=figure] [data-action-target] {
    cursor: pointer;
    pointer-events: none
}

[data-e-id=figure] .element-content {
    display: flex;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    overflow: hidden
}

[data-e-id=figure] .figure {
    width: 100%;
    height: 100%;
    pointer-events: all
}

[data-e-id=figure] .figure-save-proportion {
    width: 100%;
    height: 100%;
    padding-bottom: calc(var(--elementProportion, 1) * 100%)
}

[data-e-id=figure] .figure-square {
    border-radius: var(--figureTopLeftRadius, var(--borderRadius)) var(--figureTopRightRadius, var(--borderRadius)) var(--figureBottomRightRadius, var(--borderRadius)) var(--figureBottomLeftRadius, var(--borderRadius)) !important
}

[data-e-id=figure] .figure-circle {
    border-radius: 100%
}

[data-e-id=figure] .figure-svg {
    clip-path: var(--maskId)
}

[data-e-id=figure] .figure-custom .component-image__img {
    width: 100%;
    height: 100%
}

[data-e-id=figure] .figure-line {
    width: 100%;
    height: var(--lineWidth)
}

[data-e-id=figure] .figure-line--solid {
    background: var(--color)
}

[data-e-id=figure] .figure-line--dotted {
    background-image: linear-gradient(90deg, var(--color), var(--color) 50%, transparent 0, transparent);
    background-size: var(--bgDottedWidth) 100%
}

[data-e-id=figure] .figure-line--dashed {
    background-image: linear-gradient(90deg, var(--color), var(--color) 75%, transparent 0, transparent);
    background-size: var(--bgDashedWidth) 100%
}

[data-e-id=figure] .figure-line--wave {
    height: var(--lineWaveHeight);
    background-size: var(--lineWaveWidth) 100%;
    background-image: var(--lineWaveImg);
    background-repeat: repeat
}

[data-e-id=figure] .figure-line--arrow {
    background-color: var(--color);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%)
}

[data-e-id=figure] .figure-arrow--default {
    width: calc(100% - var(--marginLine))
}

[data-e-id=figure] .figure-arrow--fill {
    width: calc(100% - var(--arrowWidth))
}

[data-e-id=figure] .figure-arrowhead {
    position: relative;
    z-index: 1;
    background-size: cover;
    background-repeat: no-repeat;
    margin-left: auto;
    background-image: var(--arrowImg);
    width: var(--arrowWidth);
    height: var(--arrowHeight)
}

[data-e-id=figure] .figure-mask {
    position: absolute;
    width: 0;
    height: 0
}

[data-e-id=figure] .figure.figure-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

[data-e-id=figure] .figure-bg--color {
    background: var(--color)
}

[data-e-id=figure] .figure-bg--image {
    --proportion: 0
}

[data-e-id=figure] .figure--bordered {
    border: var(--borderWidth) solid var(--borderColor)
}

[data-e-id=figure] .figure--blur {
    filter: blur(var(--blur, 0));
    overflow: visible;
    will-change: transform
}

[data-e-id=figure] .figure--backdrop-blur {
    -webkit-backdrop-filter: blur(var(--backdropBlur));
    backdrop-filter: blur(var(--backdropBlur))
}

[data-e-id=figure] .figure--box-shadow {
    box-shadow: var(--shadowX) var(--shadowY) var(--shadowBlur) var(--shadowSpread) var(--shadowColor)
}

[data-e-id=figure] .figure--drop-shadow {
    filter: drop-shadow(var(--shadowX) var(--shadowY) var(--shadowBlur) var(--shadowColor)) blur(var(--blur, 0));
    overflow: visible;
    will-change: transform
}

[data-e-id=figure] .component-image {
    opacity: var(--imgOpacity)
}

[data-e-id=icon01] {
    --elementProportion: 1
}

[data-e-id=icon01] [data-action-target] {
    cursor: pointer
}

[data-e-id=icon01].element-item--free .component-icon {
    --iconSize: 100%
}

[data-e-id=logo01] .element-content {
    min-height: 20px
}

[data-e-id=media01].element-item--static .component-video {
    padding-bottom: var(--proportion, var(--imageProportion, 60%))
}

[data-e-id=media01].element-item--static .component-image[data-img-scale=contain] {
    --imagePositionX: revert !important
}

[data-e-id=media01].element-item--static[data-element-justify=start] {
    --imagePositionX: 0%
}

[data-e-id=media01].element-item--static[data-element-justify=center] {
    --imagePositionX: 50%
}

[data-e-id=media01].element-item--static[data-element-justify=end] {
    --imagePositionX: 100%
}

[data-e-id=media01] .element-content--free .component-slider__item,
[data-e-id=media01] .element-content--free>.component-image[data-img-type=background],
[data-e-id=media01] .element-content--free>.component-slider,
[data-e-id=media01] .element-content--free>.component-video {
    width: 100%;
    height: 100%;
    padding-bottom: 0;
    --proportion: 0
}

.elements-list--allowFill [data-e-id=media01].fill-space {
    --proportion: 0% !important
}

.elements-list--allowFill [data-e-id=media01].fill-space .element-content>[data-component] {
    height: 100%;
    min-height: var(--imageMinHeight, 200px)
}

[data-e-id=media01] [data-component] {
    --radius: var(--mediaTopLeftRadius, 0) var(--mediaTopRightRadius, 0) var(--mediaBottomRightRadius, 0) var(--mediaBottomLeftRadius, 0)
}

.is-ios [data-e-id=media01] [data-component] {
    will-change: transform
}

[data-e-id=media01].no-gutter .element-content {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.no-gap [data-e-id=media01].element-item--static.is-first-child,
[data-e-id=media01].no-gutter.is-first-child {
    --mediaTopLeftRadius: var(--topLeftRadius, 0);
    --mediaTopRightRadius: var(--topRightRadius, 0)
}

.no-gap [data-e-id=media01].element-item--static.is-last-child,
[data-e-id=media01].no-gutter.is-last-child {
    --mediaBottomRightRadius: var(--bottomRightRadius, 0);
    --mediaBottomLeftRadius: var(--bottomLeftRadius, 0)
}

body.adaptive-mobile [data-e-id=media01] {
    --imageMinHeight: 54vw
}

body.adaptive-mobile [data-e-id=media01].element-item--static[data-am-element-justify=start] {
    --imagePositionX: 0%
}

body.adaptive-mobile [data-e-id=media01].element-item--static[data-am-element-justify=center] {
    --imagePositionX: 50%
}

body.adaptive-mobile [data-e-id=media01].element-item--static[data-am-element-justify=end] {
    --imagePositionX: 100%
}

[data-b-id=FREE] {
    height: var(--sectionHeight);
    min-height: var(--sectionHeightMin, var(--heroHeightMin));
    max-height: var(--sectionHeightMax, var(--heroHeightMax))
}

[data-b-id=FREE] .fixed-area {
    height: inherit;
    min-height: inherit;
    max-height: inherit
}

[data-e-id=avatar01].element-item--free .element-content {
    align-items: center
}

[data-e-id=avatar01] .element-content {
    flex-wrap: nowrap;
    align-items: center
}

[data-e-id=avatar01] .element-content.flow-column {
    flex-direction: column;
    align-items: var(--elementJustify)
}

[data-e-id=avatar01] .element-content.flow-column .element-text-wrap {
    justify-content: inherit;
    text-align: inherit
}

[data-e-id=avatar01] .element-content.flow-column .component-socials {
    margin-top: 5px
}

[data-e-id=avatar01] .element-content.flow-row.align-items-start {
    align-items: flex-start
}

[data-e-id=avatar01] .element-content.flow-row.align-items-start .component-socials {
    align-self: flex-start
}

[data-e-id=avatar01] .element-content.flow-row.align-items-end {
    align-items: flex-end
}

[data-e-id=avatar01] .element-content.flow-row.align-items-end .component-socials {
    align-self: flex-end
}

[data-e-id=avatar01] .element-text-wrap {
    display: grid;
    min-width: 50px;
    text-align: left;
    grid-template-columns: auto;
    grid-template-areas: "title" "subtitle";
    row-gap: 5px
}

[data-e-id=avatar01] .element-text-wrap.socials-bottom {
    grid-template-areas: "title" "subtitle" "socials"
}

[data-e-id=avatar01] .element-text-wrap.socials-inline {
    align-self: center;
    grid-template-columns: auto max-content;
    grid-template-areas: "title socials" "subtitle socials"
}

[data-e-id=avatar01] .element-text-wrap.socials-inline .component-socials {
    margin: 0 0 0 calc(var(--socialMargin) * 2);
    justify-self: end
}

[data-e-id=avatar01] .element-text-wrap.grow {
    flex-grow: 1;
    width: 100%;
    width: -moz-available;
    width: stretch
}

[data-e-id=avatar01] .element-text--title {
    grid-area: title;
    align-self: end
}

[data-e-id=avatar01] .element-text--title.is-last-text {
    grid-row-start: 1;
    grid-row-end: 3;
    align-self: center
}

[data-e-id=avatar01] .element-text--subtitle {
    grid-area: subtitle
}

[data-e-id=avatar01] .component-socials {
    grid-area: socials
}

[data-e-id=avatar01] .element-img {
    flex-shrink: 0
}

[data-e-id=avatar01] .element-img.scale--cover {
    width: var(--imageSize)
}

[data-e-id=avatar01] .element-img.scale--contain {
    width: auto;
    max-width: var(--imageSize)
}

[data-e-id=avatar01] .element-img .component-image__img {
    max-width: var(--imageSize);
    max-height: var(--imageSize)
}

[data-e-id=avatar01] .component-image {
    padding-bottom: var(--proportion, 100%)
}

[data-e-id=avatar01] .component-image.round {
    padding-bottom: 100%
}

[data-e-id=avatar01] .flow-row .element-img {
    margin-right: clamp(8px, calc(var(--imageSize) * .25), 25px)
}

[data-e-id=avatar01] .flow-column .element-img {
    margin-bottom: 10px
}

[data-e-id=avatar01] .component-icon {
    flex-shrink: 0;
    width: var(--iconSize)
}

[data-e-id=avatar01] .component-icon.size--xsmall {
    --iconSize: 26px
}

[data-e-id=avatar01] .component-icon.size--small {
    --iconSize: 40px
}

[data-e-id=avatar01] .component-icon.size--medium {
    --iconSize: 60px
}

[data-e-id=avatar01] .flow-row .component-icon {
    margin-right: clamp(10px, calc(var(--iconSize) * .15), 20px)
}

[data-e-id=avatar01] .flow-column .component-icon {
    margin-bottom: 10px
}

[data-e-id=avatar01].fill-space .element-content {
    align-items: center;
    margin-top: auto
}

body.adaptive-mobile [data-e-id=avatar01] .size--medium {
    --imageSize: 60px;
    --iconSize: 60px
}

[data-e-id=button01].element-item--free .element-content {
    align-items: center
}

[data-e-id=button01] {
    --buttonsGap: 10px
}

[data-e-id=button01] .element-content {
    align-items: center;
    flex-flow: row nowrap
}

[data-e-id=button01] .buttons-holder {
    width: calc(100% + var(--buttonsGap));
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: inherit;
    margin: calc(var(--buttonsGap) * -1) 0 0 calc(var(--buttonsGap) * -1);
    pointer-events: none
}

[data-e-id=button01] .buttons-holder.with-price.single {
    flex-wrap: nowrap
}

[data-e-id=button01] .buttons-holder.with-price .button-wrapper {
    flex-shrink: 0
}

[data-e-id=button01] .buttons-holder.text-left .text-wrapper {
    order: -1
}

[data-e-id=button01] .buttons-holder.no-gap .button-1 .component-button:after,
[data-e-id=button01] .buttons-holder.no-gap .button-1 .component-button:before {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right-width: calc(var(--borderWidth) / 2)
}

[data-e-id=button01] .buttons-holder.no-gap .button-2 .component-button:after,
[data-e-id=button01] .buttons-holder.no-gap .button-2 .component-button:before {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left-width: calc(var(--borderWidth) / 2)
}

[data-e-id=button01] .button-wrapper,
[data-e-id=button01] .text-wrapper {
    max-width: calc(100% - var(--buttonsGap, 0px));
    flex-grow: 0;
    flex-shrink: 1;
    margin: var(--buttonsGap) 0 0 var(--buttonsGap);
    pointer-events: all
}

[data-e-id=button01] .text-wrapper {
    min-width: 50px;
    flex-grow: 1
}

[data-e-id=button01] .button-wrapper.wide {
    flex-grow: 1
}

[data-e-id=button01][data-element-justify=center] .text-wrapper {
    flex-grow: 0
}

[data-e-id=button01].fill-space .element-content {
    display: flex;
    align-items: flex-end
}