.banner-label {
    position: absolute;
    bottom: 4px;
    right: 4px;
    z-index: 2;
    display: flex;
    align-items: center;
    font-size: 9px;
    font-weight: 400;
    text-transform: uppercase;
    color: #575c66;
    background: rgb(255, 255, 255);
    opacity: 0.8;
    padding: 3px 4px 3px 6px;
    line-height: 1.5;
    border-radius: 16px;
    pointer-events: none;
    letter-spacing: 1px;
}

.banner-label button {
    width: 14px;
    height: 14px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='14 14 144 144'%3E%3Cg fill='none' stroke='none' stroke-width='1' stroke-linecap='butt' stroke-linejoin='miter' stroke-miterlimit='10' style='mix-blend-mode: normal'%3E%3Cpath d='M0,172v-172h172v172z' fill='none'%3E%3C/path%3E%3Cg fill='%23575c66'%3E%3Cpath d='M86,14.33333c-39.41667,0 -71.66667,32.25 -71.66667,71.66667c0,39.41667 32.25,71.66667 71.66667,71.66667c39.41667,0 71.66667,-32.25 71.66667,-71.66667c0,-39.41667 -32.25,-71.66667 -71.66667,-71.66667zM86,28.66667c31.53333,0 57.33333,25.8 57.33333,57.33333c0,31.53333 -25.8,57.33333 -57.33333,57.33333c-31.53333,0 -57.33333,-25.8 -57.33333,-57.33333c0,-31.53333 25.8,-57.33333 57.33333,-57.33333zM86,43c-4.3,0 -7.16667,3.58333 -7.16667,7.16667c0,4.3 3.58333,7.16667 7.16667,7.16667c4.3,0 7.16667,-3.58333 7.16667,-7.16667c0,-4.3 -2.86667,-7.16667 -7.16667,-7.16667zM86,64.68197c-3.58333,0 -7.16667,2.32637 -7.16667,6.9847v50.16667c0,9.31667 14.33333,9.31667 14.33333,0v-50.16667c0,-4.65833 -3.58333,-6.9847 -7.16667,-6.9847z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
        no-repeat center center/14px;
    border-radius: 100%;
    margin-left: 4px;
    pointer-events: all;
    transition: background-color 0.2s ease;
    user-select: none;
    border: none;
    padding: 0;
}

.banner-label button:hover {
    background-color: rgb(220, 220, 220);
    transition: background-color 0.2s ease;
}

.banner-label-text.hide {
    display: none;
}
.banner-label-text {
    display: flex;
    position: absolute;
    bottom: 4px;
    right: 4px;
    width: 100%;
    max-width: calc(190px - 8px);
    height: auto;
    max-height: calc(100% - 8px);
    background: rgba(255, 255, 255, 0.95);
    z-index: 2;
    padding: 5px 20px 5px 5px;
    overflow: hidden;
    border-radius: 10px;
}

.banner-label-text--wrapper {
    font-size: 12px;
    padding: 5px 0px 5px 10px;
    overflow-x: hidden;
    overflow-y: auto;
    text-align: left;
    color: #333;
}

.banner-label-text--wrapper::-webkit-scrollbar {
    width: 6px;
}
.banner-label-text--wrapper::-webkit-scrollbar-track {
    background-color: rgb(240, 240, 240);
    border-radius: 8px;
}
.banner-label-text--wrapper::-webkit-scrollbar-thumb {
    background-color: rgb(220, 220, 220);
    border-radius: 8px;
}

button.banner-label-text--close {
    position: absolute;
    bottom: 3px;
    right: 4px;
    height: 14px;
    width: 14px;
    border-radius: 100%;
    line-height: 0;
    user-select: none;
    color: #575c66;
    border: none;
    padding: 0;
}

.banner-label-text--close:hover {
    background-color: rgb(220, 220, 220);
    transition: background-color 0.2s ease;
}