.wp-block-fwp-switch-content {
    position: relative;
    background-color: var(--wp--custom--theme-900);
}
.fwp-switch-content__image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: calc(50% - var(--wp--preset--spacing--xl));
    height: 100% !important;
    object-fit: cover;
    object-position: center;
}
.fwp-switch-content__image:not(.activ) {
    visibility: hidden;
    opacity: 0;
    transition: all 1000ms ease-in-out;
}
.fwp-switch-content__image.activ {
    visibility: visible;
    opacity: 1;
    transition: all 500ms ease-in-out;
}
.fwp-switch-content__columns {
    box-sizing: border-box;
    position: relative;
    max-width: var(--wp--style--global--wide-size);
    margin-left: auto;
    margin-right: auto;
    padding-top: var(--wp--preset--spacing--xl);
    padding-bottom: var(--wp--preset--spacing--xl);
    padding-left: var(--wp--preset--spacing--s);
    padding-right: var(--wp--preset--spacing--s);
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: var(--wp--preset--spacing--l) var(--wp--preset--spacing--xxl);
}
.fwp-switch-content__columns::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--wp--custom--theme-900);
    opacity: .6;
    z-index: 0;
}
.fwp-switch-content__column {
    box-sizing: border-box;
    position: relative;
    flex-basis: 55%;
    flex-grow: 0;
}
.fwp-switch-content__column.fwp-switch-content__content-texte {
    flex-basis: 45%;
    padding-left: var(--wp--preset--spacing--l);
    padding-right: var(--wp--preset--spacing--l);
}
.fwp-switch-content__column.fwp-switch-content__content-texte:not(.activ) {
    display: none;
}
.fwp-switch-content__column > * {
    margin-block-start: var(--wp--preset--spacing--xxs) !important;
    margin-block-end: 0 !important;
}
.fwp-switch-content__buttons {
    --buttons-gap: var(--wp--preset--spacing--xs);
    display: flex;
    flex-wrap: wrap;
    gap: var(--buttons-gap);
    padding-top: var(--wp--preset--spacing--l);
}
.fwp-switch-content__button {
    padding-top: var(--wp--preset--spacing--xxs);
    padding-right: var(--wp--preset--spacing--xs);
    padding-bottom: calc(var(--wp--preset--spacing--xxs) * 1.1);
    padding-left: var(--wp--preset--spacing--xs);
    text-align: left;
    font-size: var(--wp--preset--font-size--text);
    font-family: var(--wp--preset--font-family--text);
    flex-basis: calc(50% - (var(--buttons-gap) / 2));
    flex-grow: 0;
    background-color: var(--wp--custom--theme-700);
    border-radius: 6px;
    border: solid 1px var(--wp--custom--theme-700);
    color: var(--wp--custom--theme-100);
    opacity: .4;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: var(--wp--preset--spacing--xs);
    transition: all 100ms ease-in-out;
    cursor: pointer;
}
.fwp-switch-content__button:is(.activ,:hover,:focus){
    opacity: 1;
}
.fwp-switch-content__button p {
    margin-block: 0 !important;
}
.fwp-switch-content__button svg {
    width: 20px;
    height: auto;
}
.is-style-picto-yeap-school .fwp-switch-content__button svg :is(path,polygon,circle,ellipse,line,rect,polyline) {
    fill: var(--wp--custom--yeap-school);
}
.is-style-picto-yeap .fwp-switch-content__button svg :is(path,polygon,circle,ellipse,line,rect,polyline) {
    fill: var(--wp--custom--tonic-500);
}
.is-style-picto-yaka-yeap .fwp-switch-content__button svg :is(path,polygon,circle,ellipse,line,rect,polyline) {
    fill: var(--wp--custom--yaka-yeap);
}
.is-style-picto-yeap-api .fwp-switch-content__button svg :is(path,polygon,circle,ellipse,line,rect,polyline) {
    fill: var(--wp--custom--yeap-api);
}

:where(.alignfull) + .wp-block-fwp-switch-content {
    margin-top: 0 !important;
}
.wp-block-fwp-switch-content + :where(.alignfull) {
    margin-top: 0 !important;
}