.ah-headline.clip span,
.ah-headline.loading-bar span,
.ah-headline.slide span {
    padding: .2em 0;
    display: inline-block
}

.no-js .ah-words-wrapper b {
    opacity: 0
}

.no-js .ah-words-wrapper b.is-visible {
    opacity: 1
}

.ah-headline.type .ah-words-wrapper.selected::after,
.ah-headline.type b {
    visibility: hidden
}

.ah-headline.clip .ah-words-wrapper,
.ah-headline.loading-bar .ah-words-wrapper,
.ah-headline.slide .ah-words-wrapper,
.ah-headline.type .ah-words-wrapper {
    overflow: hidden;
    vertical-align: top
}

.ah-headline.rotate-1 b.is-hidden {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
    -webkit-animation: ah-rotate-1-out 0.2s;
    animation: ah-rotate-1-out 0.2s
}

.ah-headline.type i {
    position: absolute;
    visibility: hidden
}

.ah-headline.rotate-2 em,
.ah-headline.rotate-2 i {
    display: inline-block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.ah-headline.slide b.is-hidden {
    -webkit-animation: slide-out .2s;
    animation: slide-out .6s
}

.ah-headline.zoom b.is-hidden {
    -webkit-animation: zoom-out .2s;
    animation: zoom-out .2s
}

.ah-headline.rotate-3 i {
    display: inline-block;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.ah-headline.push b.is-hidden {
    -webkit-animation: push-out .6s;
    animation: push-out .6s
}


.ah-words-wrapper {
    display: inline-block;
    position: relative;
    text-align: left
}

.ah-words-wrapper b {
    display: inline-block;
    position: absolute;
    white-space: nowrap;
    left: 0;
    top: 0
}

.ah-words-wrapper b.is-visible {
    position: relative
}

.ah-headline.clip .ah-words-wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 2px;
    height: 100%;
    background-color: #363636
}

.ah-headline.clip b {
    opacity: 0
}

.ah-headline.clip b.is-visible {
    opacity: 1
}