.qoMYGbBhf9dsbaBGBphh {
    --pill-reverse: 1;
    --pillPosition: 50%;
    --offset: 487px;
    align-items: center;
    background: #fff;
    border-radius: 16px;
    box-shadow: var(--shadow-mid);
    display: flex;
    flex-direction: column;
    height: 94px;
    left: var(--pillPosition);
    position: fixed;
    top: 16px;
    transform: translate(calc(var(--pill-reverse)*var(--offset)));
    width: 94px;
    z-index: 10
}

html[dir=rtl] .qoMYGbBhf9dsbaBGBphh {
    --pill-reverse: -1;
    left: auto;
    right: var(--pillPosition)
}

@media (min-width:111px) and (max-width:770.9px) {
    .DJT17TB5hYo14sdLEAwk {
        --offset: 0;
        --pillPosition: 3px
    }
}

@media (min-width:771px) and (max-width:990.9px) {
    .DJT17TB5hYo14sdLEAwk {
        --offset: -377px
    }
}

@media (min-width:991px) and (max-width:1210.9px) {
    .DJT17TB5hYo14sdLEAwk {
        --offset: -487px
    }
}

@media (min-width:1211px) and (max-width:1320.9px) {
    .DJT17TB5hYo14sdLEAwk {
        --offset: -597px
    }
}

@media (min-width:1321px) and (max-width:1540.9px) {
    .DJT17TB5hYo14sdLEAwk {
        --offset: -652px
    }
}

@media (min-width:1541px) and (max-width:1870.9px) {
    .DJT17TB5hYo14sdLEAwk {
        --offset: -762px
    }
}

@media (min-width:1871px) {
    .DJT17TB5hYo14sdLEAwk {
        --offset: -927px;
        flex-direction: row;
        width: 204px
    }
}

.X74hgUhePrbavkMydd6o {
    --offset: -157px
}

@media (min-width:551px) and (max-width:660.9px) {
    .X74hgUhePrbavkMydd6o {
        --offset: -270px
    }
}

@media (min-width:661px) and (max-width:880.9px) {
    .X74hgUhePrbavkMydd6o {
        --offset: -322px
    }
}

@media (min-width:881px) {
    .X74hgUhePrbavkMydd6o {
        --offset: -432px
    }
}