.hmw-ius-faded-title,
.hmw-ius-faded-title * {
    box-sizing: border-box;
}

.hmw-ius-faded-title {
    --hmw-faded-title-color: #fff;
    --hmw-faded-title-gradient-start: #fff;
    --hmw-faded-title-gradient-end: #7cff6b;
    --hmw-faded-title-gradient-angle: 90deg;
    --hmw-fade-start-width: 12%;
    --hmw-fade-end-width: 12%;
    --hmw-fade-edge-alpha: 0.12;
    position: relative;
    width: 100%;
    isolation: isolate;
}

.hmw-ius-faded-title[dir="rtl"] {
    direction: rtl;
}

.hmw-ius-faded-title[dir="ltr"] {
    direction: ltr;
}

.hmw-ius-faded-title__frame {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    margin-inline: auto;
}

.hmw-ius-faded-title__text {
    display: block;
    max-width: 100%;
    margin: 0;
    color: var(--hmw-faded-title-color);
    font-size: clamp(38px, 8vw, 132px);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -0.045em;
    overflow-wrap: anywhere;
}

.hmw-ius-faded-title--fill-gradient .hmw-ius-faded-title__text {
    color: transparent;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(
        var(--hmw-faded-title-gradient-angle),
        var(--hmw-faded-title-gradient-start),
        var(--hmw-faded-title-gradient-end)
    );
    background-clip: text;
    -webkit-background-clip: text;
}

.hmw-ius-faded-title.has-fade .hmw-ius-faded-title__text {
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.hmw-ius-faded-title--fade-both .hmw-ius-faded-title__text {
    -webkit-mask-image: linear-gradient(
        to right,
        rgba(0, 0, 0, var(--hmw-fade-edge-alpha)) 0,
        #000 var(--hmw-fade-start-width),
        #000 calc(100% - var(--hmw-fade-end-width)),
        rgba(0, 0, 0, var(--hmw-fade-edge-alpha)) 100%
    );
    mask-image: linear-gradient(
        to right,
        rgba(0, 0, 0, var(--hmw-fade-edge-alpha)) 0,
        #000 var(--hmw-fade-start-width),
        #000 calc(100% - var(--hmw-fade-end-width)),
        rgba(0, 0, 0, var(--hmw-fade-edge-alpha)) 100%
    );
}

.hmw-ius-faded-title--fade-start .hmw-ius-faded-title__text {
    -webkit-mask-image: linear-gradient(
        to right,
        rgba(0, 0, 0, var(--hmw-fade-edge-alpha)) 0,
        #000 var(--hmw-fade-start-width)
    );
    mask-image: linear-gradient(
        to right,
        rgba(0, 0, 0, var(--hmw-fade-edge-alpha)) 0,
        #000 var(--hmw-fade-start-width)
    );
}

.hmw-ius-faded-title--fade-end .hmw-ius-faded-title__text {
    -webkit-mask-image: linear-gradient(
        to right,
        #000 0,
        #000 calc(100% - var(--hmw-fade-end-width)),
        rgba(0, 0, 0, var(--hmw-fade-edge-alpha)) 100%
    );
    mask-image: linear-gradient(
        to right,
        #000 0,
        #000 calc(100% - var(--hmw-fade-end-width)),
        rgba(0, 0, 0, var(--hmw-fade-edge-alpha)) 100%
    );
}

.hmw-ius-faded-title--fade-start:dir(rtl) .hmw-ius-faded-title__text {
    -webkit-mask-image: linear-gradient(
        to right,
        #000 0,
        #000 calc(100% - var(--hmw-fade-start-width)),
        rgba(0, 0, 0, var(--hmw-fade-edge-alpha)) 100%
    );
    mask-image: linear-gradient(
        to right,
        #000 0,
        #000 calc(100% - var(--hmw-fade-start-width)),
        rgba(0, 0, 0, var(--hmw-fade-edge-alpha)) 100%
    );
}

.hmw-ius-faded-title--fade-end:dir(rtl) .hmw-ius-faded-title__text {
    -webkit-mask-image: linear-gradient(
        to right,
        rgba(0, 0, 0, var(--hmw-fade-edge-alpha)) 0,
        #000 var(--hmw-fade-end-width)
    );
    mask-image: linear-gradient(
        to right,
        rgba(0, 0, 0, var(--hmw-fade-edge-alpha)) 0,
        #000 var(--hmw-fade-end-width)
    );
}

@media (prefers-reduced-motion: reduce) {
    .hmw-ius-faded-title *,
    .hmw-ius-faded-title *::before,
    .hmw-ius-faded-title *::after {
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.001ms !important;
    }
}