.SequenceContainer {
    min-height: 32px;
    min-width: 108px;
}

.SequenceContainer {
    position: absolute;
    top: 14px;
    pointer-events: none;
    font-size: 0;
    z-index: 10;
    width: 100%;
}

.SequenceControls, .SequenceStepper {
    position: absolute;
    left: 50%;
    cursor: pointer;
}

.SequenceStepper {
    transform: translate(-50%);
}

.SequencePlay, .SequencePlayDisabled, .SequenceStepNext, .SequenceStepNextDisabled, .SequenceStepPrev, .SequenceStepPrevDisabled {
    background: rgba(24,25,28,.3);
}

.SequencePlay, .SequencePlayDisabled, .SequenceStepNext, .SequenceStepNextDisabled, .SequenceStepNextHighlight, .SequenceStepPrev, .SequenceStepPrevDisabled, .SequenceStepPrevHighlight {
    display: inline-block;
    width: 33.33333%;
    height: 100%;
    pointer-events: auto;
}

.SequenceControls, .SequenceStepper {
    cursor: pointer;
}

.SequenceComponentIcon {
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 44.44444%;
    height: 53.33333%;
    background-size: contain;
    background-repeat: no-repeat;
}

.SequenceStepNext .SequenceComponentIcon, .SequenceStepNextDisabled .SequenceComponentIcon, .SequenceStepNextHighlight .SequenceComponentIcon{
    background-image: url(../sprites/next.svg);
}

.SequenceStepPrev .SequenceComponentIcon, .SequenceStepPrevDisabled .SequenceComponentIcon, .SequenceStepPrevHighlight .SequenceComponentIcon {
    background-image: url(../sprites/prev.svg);
}

.SequencePlay, .SequencePlayDisabled, .SequenceStepNext, .SequenceStepNextDisabled, .SequenceStepNextHighlight, .SequenceStepPrev, .SequenceStepPrevDisabled, .SequenceStepPrevHighlight {
    display: inline-block;
    width: 33.33333%;
    height: 100%;
    pointer-events: auto;
}

.Play.SequenceComponentIcon {
    background-image: url(../sprites/play.svg);
}

.PlayDisabled.SequenceComponentIcon {
    background-image: url(../sprites/playdisabled.svg);
}

.Pause.SequenceComponentIcon, .PauseDisabled.SequenceComponentIcon {
    background-image: url(../sprites/pause.svg);
}

.SequencePlay:hover, 
.SequenceStepNext:hover, .SequenceStepNextHighlight, .SequenceStepPrev:hover, .SequenceStepPrevHighlight, 
{
    background-color: rgba(0,188,255,.3);
}

.SequencePlay:hover, .SequenceStepNext:hover, .SequenceStepPrev:hover {
    background: rgba(24,25,28,.6);
}