.label-39Xi8p6T {
    border-radius: 12px;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    height: 24px;
    max-width: 28px;
    overflow: hidden;
    padding: 0 6px;
    position: absolute;
    transition: max-width .6s cubic-bezier(.4, .01, .22, 1) 0s, background .3s cubic-bezier(.4, .01, .22, 1) 0s;
    z-index: 900
}

.label-39Xi8p6T .logoWrap-39Xi8p6T {
    padding-right: 6px
}

@media (any-hover:hover),
(min--moz-device-pixel-ratio:0) {
    .label-39Xi8p6T:hover {
        max-width: 105px
    }
}

.label-39Xi8p6T:not(a) {
    cursor: default
}

.label-39Xi8p6T:focus {
    outline: auto;
    outline-color: #2962ff;
    outline-offset: -2px;
    outline-width: 2px
}

.label-39Xi8p6T.start-39Xi8p6T {
    box-shadow: 1px 0 3px 0 #0003;
    left: 7px
}

.label-39Xi8p6T.end-39Xi8p6T {
    box-shadow: -1px 0 3px 0 #0003;
    right: 7px
}

.label-39Xi8p6T.snap-39Xi8p6T.start-39Xi8p6T {
    border-radius: 0 12px 12px 0;
    left: 0
}

.label-39Xi8p6T.snap-39Xi8p6T.end-39Xi8p6T {
    border-radius: 12px 0 0 12px;
    right: 0
}

.label-39Xi8p6T.top-39Xi8p6T {
    top: 7px
}

.label-39Xi8p6T.bottom-39Xi8p6T {
    bottom: 7px
}

.label-39Xi8p6T.chartBottom-39Xi8p6T {
    bottom: 30px
}

.label-39Xi8p6T.large-39Xi8p6T {
    border-radius: 16px;
    height: 32px;
    max-width: 32px;
    padding: 0 6px
}

.label-39Xi8p6T.large-39Xi8p6T.snap-39Xi8p6T.start-39Xi8p6T {
    border-radius: 0 16px 16px 0
}

.label-39Xi8p6T.large-39Xi8p6T.snap-39Xi8p6T.end-39Xi8p6T {
    border-radius: 16px 0 0 16px
}

@media (any-hover:hover),
(min--moz-device-pixel-ratio:0) {
    .label-39Xi8p6T.large-39Xi8p6T:hover {
        max-width: 109px
    }
}