/* /dop/cuci/cookie-consent.css */

/* ВАЖНО: файл должен быть в UTF-8, т.к. селекторы на кириллице */

#костинлаб-рушкола-cookie-сообщение {
    position: fixed;
    font-size: 14px;
    z-index: 1003;
    left: 0;
    bottom: 2.08em;
    max-width: 27.78em;
    background-color: rgb(255 255 255 / .95);
    padding: 1.39em;
    border-radius: .3em;
    box-shadow: 0 8px 20px 0 rgb(40 37 89 / .6);
    margin-left: 2.08em;
    text-align: center;
    display: block;
}

#костинлаб-рушкола-cookie-сообщение h4,
#костинлаб-рушкола-cookie-сообщение h5 {
    font-weight: 500;
    margin-bottom: 1em;
}

#костинлаб-рушкола-cookie-сообщение p,
#костинлаб-рушкола-cookie-сообщение ul {
    color: #2e384d;
    line-height: 1.5em;
    text-align: left;
}

#костинлаб-рушкола-cookie-сообщение p:last-child {
    margin-bottom: 0;
    text-align: center;
}

#костинлаб-рушкола-cookie-сообщение li {
    width: 49%;
    display: -webkit-inline-box;
    margin-bottom: 6px;
}

/* если 3 пункта — третий уйдет на новую строку, это нормально */
#костинлаб-рушкола-cookie-сообщение a {
    padding-bottom: 2px;
    transition: all .3s ease-in;
}

#костинлаб-рушкола-cookie-сообщение button {
    border: none;
    color: #fff;
    padding: .49em 1.25em;
    border-radius: .347em;
    margin-top: .28em;
    cursor: pointer;
    transition: all .3s ease-in;
}

/* Кнопки как на скрине */
#костинлаб-рушкола-cookie-принять {
    background: #1f6fae; /* синяя */
}

#костинлаб-рушкола-cookie-настроить {
    background: #ef4444; /* красная */
    margin-left: 4px;
}

/* Отклонить — нейтральная */
#костинлаб-рушкола-cookie-отклонить {
    background: #6b7280; /* серый */
    margin-left: 4px;
}

#костинлаб-рушкола-cookie-сообщение button:disabled {
    opacity: .3;
}

#костинлаб-рушкола-cookie-сообщение input[type=checkbox] {
    float: none;
    margin-top: 0;
    margin-right: 5px;
}

@media (max-width: 390px) {
    #костинлаб-рушкола-cookie-настроить {
        margin-left: 0 !important;
    }

    #костинлаб-рушкола-cookie-сообщение p button {
        width: 100%;
    }

    #костинлаб-рушкола-cookie-отклонить {
        margin-left: 0 !important;
    }
}

@media (max-width: 480px) {
    #костинлаб-рушкола-cookie-сообщение {
        margin: 0 auto;
        right: 0;
        left: 0;
    }
}