/* Winsiders Custom Elements — auto-split from monolithic assets/frontend.css.
 * This file is generated by the asset-split script. Do not edit manually;
 * edit assets/frontend.css then re-run scripts/split-assets.py. */

/* =====================================================================
 * Texte rotatif Winsiders (av_wce_rotating_badge)
 * ===================================================================== */
.wce-rotating-badge {
    --wce-rb-size: 180px;
    --wce-rb-bg-padding: 0px;
    --wce-rb-text-speed: 20s;
    --wce-rb-icon-speed: 12s;
    --wce-rb-bg-speed: 30s;
    --wce-rb-text-dir: normal;
    --wce-rb-icon-dir: normal;
    --wce-rb-bg-dir: normal;
    --wce-rb-icon-color: #fff;
    --wce-rb-icon-size: 32%;
    display: flex;
}

.wce-rotating-badge--align-left {
    justify-content: flex-start;
}

.wce-rotating-badge--align-center {
    justify-content: center;
}

.wce-rotating-badge--align-right {
    justify-content: flex-end;
}

.wce-rotating-badge__inner {
    position: relative;
    width: var(--wce-rb-size);
    height: var(--wce-rb-size);
    max-width: 100%;
}

.wce-rotating-badge__link {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

.wce-rotating-badge__bg,
.wce-rotating-badge__ring {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

/* Background padding grows the coloured shape outward from the centre; the rotating text stays on top. */
.wce-rotating-badge__bg {
    inset: calc(0px - var(--wce-rb-bg-padding, 0px));
    width: auto;
    height: auto;
}

.wce-rotating-badge__bg--round {
    border-radius: 50%;
}

.wce-rotating-badge__bg-svg {
    display: block;
    width: 100%;
    height: 100%;
}

.wce-rotating-badge__text-svg {
    display: block;
    width: 100%;
    height: 100%;
    overflow: visible;
}

.wce-rotating-badge__text {
    font-weight: 600;
    font-family: inherit;
}

.wce-rotating-badge__text--upper {
    text-transform: uppercase;
}

.wce-rotating-badge__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(-50%, -50%);
    color: var(--wce-rb-icon-color);
    line-height: 0;
}

.wce-rotating-badge__icon .av-icon-char {
    display: flex;
    align-items: center;
    justify-content: center;
    color: inherit;
}

.wce-rotating-badge__icon .av-icon-char:before {
    color: inherit;
    font-size: var(--wce-rb-icon-size);
    line-height: 1;
}

.wce-rotating-badge__icon svg {
    display: block;
    width: var(--wce-rb-icon-size);
    height: var(--wce-rb-icon-size);
    max-width: none;
    fill: currentColor;
}

.wce-rotating-badge--spin-text .wce-rotating-badge__ring {
    animation: wce-rb-spin var(--wce-rb-text-speed) linear infinite;
    animation-direction: var(--wce-rb-text-dir);
    transform-origin: 50% 50%;
}

.wce-rotating-badge--spin-icon .wce-rotating-badge__icon {
    animation: wce-rb-spin-icon var(--wce-rb-icon-speed) linear infinite;
    animation-direction: var(--wce-rb-icon-dir);
    transform-origin: 50% 50%;
}

.wce-rotating-badge--spin-bg .wce-rotating-badge__bg {
    animation: wce-rb-spin var(--wce-rb-bg-speed) linear infinite;
    animation-direction: var(--wce-rb-bg-dir);
    transform-origin: 50% 50%;
}

@keyframes wce-rb-spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes wce-rb-spin-icon {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}