.ycp-bilios-guard {
    position: fixed;
    right: 18px;
    bottom: 18px;
    z-index: 999999;
    width: min(390px, calc(100vw - 36px));
    padding: 13px 16px;
    border-radius: 10px;
    background: #151515;
    color: #fff;
    box-shadow: 0 10px 35px rgba(0, 0, 0, .28);
    font-size: 14px;
    line-height: 1.4;
    font-weight: 600;
}

.ycp-bilios-guard[hidden],
.ycp-bilios-guard__status[hidden],
.ycp-bilios-guard__timer[hidden] {
    display: none !important;
}

.ycp-bilios-guard__status + .ycp-bilios-guard__timer:not(:empty) {
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid rgba(255, 255, 255, .18);
}

.ycp-bilios-guard.is-closed {
    background: #8a241f;
}

.ycp-bilios-guard.is-expired {
    background: #8a241f;
}

@media (max-width: 600px) {
    .ycp-bilios-guard {
        right: 10px;
        bottom: 10px;
        width: calc(100vw - 20px);
    }
}