/*
 * EASYLOOT SELLER RATINGS UI CSS V1
 */

/* =========================================================
   РЕАЛЬНЫЙ РЕЙТИНГ В КАРТОЧКЕ ПРОДАВЦА
   ========================================================= */

.sellerTrustRating {
    min-width:
        auto !important;

    gap:
        4px !important;
}

.sellerTrustRating.is-empty {
    color:
        rgba(184, 180, 169, .58)
        !important;
}

.sellerTrustRating.is-empty
> span {
    color:
        rgba(212, 166, 45, .54)
        !important;

    text-shadow:
        none !important;
}

.easylootSellerRatingCount {
    display:
        inline-block;

    margin-left:
        1px;

    color:
        rgba(188, 184, 174, .62);

    font-size:
        8px;

    font-weight:
        800;

    line-height:
        1;
}

.easylootSellerRatingCount[hidden] {
    display:
        none !important;
}

/* =========================================================
   БЛОК ОЦЕНКИ ПОСЛЕ УСПЕШНОЙ СДЕЛКИ
   ========================================================= */

#dealModal
.easylootSellerRatingPanel {
    position:
        relative;

    width:
        100%;

    min-width:
        0;

    margin-top:
        10px;

    padding:
        15px 16px;

    display:
        grid;

    grid-template-columns:
        minmax(0, 1fr)
        auto
        auto;

    align-items:
        center;

    gap:
        14px;

    overflow:
        hidden;

    border:
        1px solid
        rgba(213, 173, 73, .24);

    background:
        linear-gradient(
            135deg,
            rgba(41, 39, 30, .98),
            rgba(24, 25, 21, .99)
        );

    box-shadow:
        0 16px 38px
        rgba(0, 0, 0, .24);
}

#dealModal
.easylootSellerRatingPanel[hidden] {
    display:
        none !important;
}

.easylootSellerRatingPanelGlow {
    position:
        absolute;

    top:
        -80px;

    right:
        20%;

    width:
        190px;

    height:
        150px;

    border-radius:
        50%;

    background:
        radial-gradient(
            circle,
            rgba(239, 188, 53, .12),
            transparent 70%
        );

    pointer-events:
        none;
}

.easylootSellerRatingPanelCopy {
    position:
        relative;

    z-index:
        2;

    min-width:
        0;

    display:
        grid;

    gap:
        4px;
}

.easylootSellerRatingEyebrow {
    color:
        rgba(239, 188, 53, .78);

    font-size:
        8px;

    font-weight:
        1000;

    letter-spacing:
        .14em;

    line-height:
        1;

    text-transform:
        uppercase;
}

.easylootSellerRatingTitle {
    color:
        #f4f1e8;

    font-size:
        13px;

    font-weight:
        1000;

    line-height:
        1.15;
}

.easylootSellerRatingSubtitle {
    color:
        rgba(235, 232, 222, .58);

    font-size:
        9px;

    font-weight:
        750;

    line-height:
        1.35;
}

.easylootSellerRatingStars {
    position:
        relative;

    z-index:
        2;

    display:
        inline-flex;

    align-items:
        center;

    gap:
        3px;
}

.easylootSellerRatingStar {
    width:
        29px;

    height:
        30px;

    padding:
        0;

    border:
        0;

    display:
        grid;

    place-items:
        center;

    background:
        transparent;

    color:
        rgba(151, 146, 132, .34);

    font-size:
        24px;

    line-height:
        1;

    cursor:
        pointer;

    transform:
        translateY(0)
        scale(1);

    transition:
        color .14s ease,
        text-shadow .14s ease,
        transform .14s ease;
}

.easylootSellerRatingStar:hover,
.easylootSellerRatingStar:focus-visible {
    outline:
        none;

    transform:
        translateY(-2px)
        scale(1.07);
}

.easylootSellerRatingStar.is-active {
    color:
        #efbc35;

    text-shadow:
        0 0 14px
        rgba(239, 188, 53, .26);
}

.easylootSellerRatingStar.is-selected {
    transform:
        translateY(-2px)
        scale(1.1);
}

.easylootSellerRatingStar:disabled {
    cursor:
        default;

    opacity:
        1;
}

.easylootSellerRatingHint {
    position:
        absolute;

    right:
        17px;

    bottom:
        6px;

    z-index:
        2;

    color:
        rgba(213, 208, 195, .36);

    font-size:
        7px;

    font-weight:
        800;

    line-height:
        1;
}

.easylootSellerRatingSubmit {
    position:
        relative;

    z-index:
        2;

    min-width:
        132px;

    height:
        38px;

    padding:
        0 14px;

    border:
        1px solid
        rgba(166, 205, 82, .54);

    background:
        linear-gradient(
            180deg,
            #789c39,
            #58772d
        );

    color:
        #ffffff;

    font-size:
        9px;

    font-weight:
        1000;

    line-height:
        1;

    text-transform:
        uppercase;

    cursor:
        pointer;

    box-shadow:
        0 8px 20px
        rgba(82, 112, 38, .19);
}

.easylootSellerRatingSubmit:hover:not(:disabled) {
    filter:
        brightness(1.08);
}

.easylootSellerRatingSubmit:disabled {
    border-color:
        rgba(255, 255, 255, .08);

    background:
        #292a25;

    color:
        rgba(240, 240, 232, .32);

    cursor:
        default;

    box-shadow:
        none;
}

/* =========================================================
   СОХРАНЁННАЯ ОЦЕНКА
   ========================================================= */

#dealModal
.easylootSellerRatingPanel.is-saved {
    border-color:
        rgba(169, 213, 75, .32);

    background:
        linear-gradient(
            135deg,
            rgba(49, 66, 31, .98),
            rgba(25, 31, 22, .99)
        );
}

#dealModal
.easylootSellerRatingPanel.is-saved
.easylootSellerRatingEyebrow {
    color:
        rgba(169, 213, 75, .82);
}

#dealModal
.easylootSellerRatingPanel.is-saved
.easylootSellerRatingHint {
    color:
        rgba(210, 228, 176, .55);
}

/* =========================================================
   ЗАГРУЗКА И ОШИБКА
   ========================================================= */

#dealModal
.easylootSellerRatingPanel.is-loading {
    opacity:
        .78;
}

#dealModal
.easylootSellerRatingPanel.is-error {
    border-color:
        rgba(207, 92, 69, .34);

    background:
        linear-gradient(
            135deg,
            rgba(72, 36, 30, .98),
            rgba(30, 24, 22, .99)
        );
}

#dealModal
.easylootSellerRatingPanel.is-error
.easylootSellerRatingEyebrow {
    color:
        rgba(220, 112, 86, .82);
}

/* =========================================================
   АДАПТИВ
   ========================================================= */

@media (max-width: 820px) {
    #dealModal
    .easylootSellerRatingPanel {
        grid-template-columns:
            minmax(0, 1fr)
            auto;

        gap:
            12px;
    }

    .easylootSellerRatingSubmit {
        grid-column:
            1 / -1;

        width:
            100%;
    }

    .easylootSellerRatingHint {
        display:
            none;
    }
}

@media (max-width: 560px) {
    #dealModal
    .easylootSellerRatingPanel {
        grid-template-columns:
            1fr;

        padding:
            14px;

        text-align:
            center;
    }

    .easylootSellerRatingPanelCopy {
        justify-items:
            center;
    }

    .easylootSellerRatingStars {
        justify-content:
            center;
    }

    .easylootSellerRatingStar {
        width:
            34px;

        height:
            34px;

        font-size:
            27px;
    }
}