.container {
    width: 200px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: $zindex-sky + 1;

    &__position_top {
        bottom: 5px;
        left: 50%;
        margin-left: -100px;
    }

    &__position_right {
        top: 50%;
        margin-top: -10px;
        left: 5px;
        justify-content: flex-start;
    }

    &__position_bottom {
        left: 50%;
        margin-left: -100px;
        top: 5px;
    }

    &__position_left {
        top: 50%;
        margin-top: -10px;
        right: 5px;
        justify-content: flex-end;
    }
}

.popover {
    padding: $gutter;
    background: $color-pillBg;
    border-radius: $radius-lg;
    width: 100%;
}