.seatComponents-banner {
    position: fixed;
    width: 100%;
    height: 56px;
    z-index: 914;
    top: 0
}

@media(min-width:1436px) {
    .seatComponents-banner {
        height: 64px
    }
}

.seatComponents-banner .wrapper {
    display: flex;
    height: 100%;
    align-items: center;
    position: relative
}

    .seatComponents-banner .wrapper .banner-icon {
        background-repeat: no-repeat;
        position: relative
    }

@media(min-width:1436px) {
    .seatComponents-banner .wrapper .banner-icon {
        background-size: contain
    }
}

.seatComponents-banner .wrapper .notice {
    font-size: 14px;
    line-height: 17px;
    margin-right: 12px;
    max-width: 197px;
    max-height: 17px;
    overflow: hidden
}

@media(min-width:1436px) {
    .seatComponents-banner .wrapper .notice {
        font-size: 16px;
        line-height: 20px;
        max-width: 225px;
        max-height: 20px
    }
}

.seatComponents-banner .wrapper .descriptionNotice {
    font-size: 14px;
    line-height: 17px;
    overflow: hidden;
    max-height: 34px;
    max-width: 372px;
    margin-right: 32px
}

@media(min-width:1436px) {
    .seatComponents-banner .wrapper .descriptionNotice {
        font-size: 16px;
        line-height: 21px;
        max-height: 42px;
        max-width: 527px;
        margin-right: 56px
    }
}

.seatComponents-banner .wrapper .banner-browsers {
    display: flex;
    position: relative;
    top: -12px
}

    .seatComponents-banner .wrapper .banner-browsers a.browser-choice {
        display: flex;
        flex-direction: column;
        position: relative;
        margin-right: 32px
    }

@media(min-width:1436px) {
    .seatComponents-banner .wrapper .banner-browsers a.browser-choice {
        margin-right: 40px
    }
}

.seatComponents-banner .wrapper .banner-browsers a.browser-choice:last-child {
    margin-right: 0
}

.seatComponents-banner .wrapper .banner-browsers a.browser-choice p {
    font-size: 10px;
    line-height: 12px;
    position: absolute;
    bottom: -24px;
    left: 50%;
    transform: translateX(-50%)
}

.seatComponents-banner .wrapper .banner-browsers a.browser-choice img {
    height: 24px;
    width: 24px;
    margin: 0 auto
}

.seatComponents-banner .wrapper .banner-close {
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer
}