.tr-1fa11ecc-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
}

.tr-1fa11ecc-fixed {
    display: inline-block;
    white-space: pre-wrap;
}

.tr-1fa11ecc-before {
    margin-right: 0.25em;
}

.tr-1fa11ecc-after {
    margin-left: 0.25em;
}

.tr-1fa11ecc-container {
    overflow: hidden;
    position: relative;
    display: inline-flex;
    align-items: center;
    height: 1.5em; /* Slightly increased to fit icons gracefully */
    min-width: 100px;
}

.tr-1fa11ecc-track {
    display: flex;
    position: relative;
    width: 100%;
    flex-direction: column;
}

.tr-1fa11ecc-container[data-direction="horizontal"] .tr-1fa11ecc-track {
    flex-direction: row;
    white-space: nowrap;
}

.tr-1fa11ecc-slide {
    display: none;
    width: auto;
    box-sizing: border-box;
    white-space: nowrap;
}

.tr-1fa11ecc-slide-content {
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
}

.tr-1fa11ecc-slide-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
}

.tr-1fa11ecc-slide-icon svg {
    fill: currentColor;
    display: inline-block;
}

.tr-1fa11ecc-slide.is-active {
    display: inline-flex;
    align-items: center;
    animation: trFadeIn 0.5s ease-in-out forwards;
}

@keyframes trFadeIn {
    from {
        opacity: 0;
        transform: translate3d(0, 10px, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.tr-1fa11ecc-container[data-direction="horizontal"] .tr-1fa11ecc-slide.is-active {
    animation: trFadeInLeft 0.5s ease-in-out forwards;
}

@keyframes trFadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(20px, 0, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}