/* Start:/local/templates/delement/components/delement/blocks/block-rating-2025/style.css?17586305785363*/
.rating-sect {
    display: flex;
    gap:20px;
    width: 100%;
    margin-bottom: 10px;
}

.rating-sect .rating-item {
    display: flex;
    max-width: calc(20% - 15px);
    flex-basis: calc(20% - 15px);
    height: 151px;
    background-color: #f3f3f4;
    color: #626262;
    font-size: 58px;
    align-items: center;
    justify-content: center;
}

.rating-sect .rating-item button {
    border: none;
    background-color: transparent;
    width: 100%;
    height: 100%;
    padding: 0;
    color: #626262;
}

.rating-sect .rating-item:hover, .rating-sect .rating-item:hover button {
    color: #fff;
    cursor: pointer;
}

.rating-sect .rating-item.rating-item-1:hover {background-color: #A60D0F;}

.rating-sect .rating-item.rating-item-2:hover {background-color: #C00000;}

.rating-sect .rating-item.rating-item-3:hover {background-color: #FFCE44;}

.rating-sect .rating-item.rating-item-4:hover {background-color: #5AC37D;}

.rating-sect .rating-item.rating-item-5:hover {background-color: #49AA6C;}

.rating-info {
    display: flex;
    width: 100%;
    margin-bottom: 30px;
}

.rating-info .rating-info-item.rating-info-item-left {margin-right: auto;}

.modal--kommisar-request-success .modal__top {margin-bottom: 30px;}

.form--fast-appraisal .form-block__label {
    margin-right: 0;
    position: static;
    margin-bottom: 30px;
    font-size: 24px;
}

.kommisar-btn-block {
    display: flex;
    gap: 20px;
}

.modal.modal--kommisar-request-success.modal--kommisar-request-success-new .kommisar-btn-block a.btn, .modal.modal--kommisar-request-success.modal--kommisar-request-success-new .kommisar-btn-block form {
    width: calc(50% - 10px);
    height: 68px;
}

.modal.modal--kommisar-request-success.modal--kommisar-request-success-new .kommisar-btn-block form .btn {
    width: 100%;
    height: 68px;
}

.form.form--fast-appraisal.form--appraisal-callback .form-block {flex-direction: column;}

.form.form--fast-appraisal.form--appraisal-callback .form-block .form-block__label {
    width: 100%;
    display: block;
    position: relative;
    color: #36383C;
    line-height: 35.2px;
    margin-bottom: 7px;
    top: auto;
    font-size: 18px;
    font-weight: 400;
    flex: 0 0 auto;
}

.form.form--fast-appraisal.form--appraisal-callback .form-block .form-block__input {width: 100%;}

.form.form--fast-appraisal.form--appraisal-callback .form-block .form-block__input .form-input,
.form.form--fast-appraisal .form-block .form-block__input textarea.form-input {
    width: 100%;
    border: 1px solid #36383C;
    color: #36383C;
    font-size: 18px;
    line-height: 21.97px;
    border-radius: 6px;
    padding: 18px;
    height: 58px;
    flex: 0 0 auto;
}

.form.form--fast-appraisal .form-block .form-block__input textarea.form-input {height: 140px;}

.form.form--fast-appraisal.form--appraisal-callback .form-block .form-block__input .form-input.invalid,
.form.form--fast-appraisal .form-block .form-block__input textarea.form-input.invalid {
    border: 1px solid #EF4124;
    color: #EF4124;
}

.form.form--fast-appraisal.form--appraisal-callback .form-block .form-block__input .form-input.invalid::placeholder,
.form.form--fast-appraisal .form-block .form-block__input textarea.form-input.invalid::placeholder {color: #EF4124;}

.form.form--fast-appraisal.form--appraisal-callback .btn {margin-top: 30px;}


.error {
    border: 2px solid red !important;
    background-color: #ffeeee !important;
}

#warning {
    color: #EF4124;
    display: none;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 3px;
}

.error~#warning {display: block;}

@media only screen and (max-width: 1024px) {

    /*.rating-sect, .rating-info {width: 90%;}*/
}

@media only screen and (max-width: 768px) {

    /*.rating-sect, .rating-info {width: 100%;}*/

    .rating-sect .rating-item {height: 107px;}

}


@media only screen and (max-width: 600px) {

    .rating-sect .rating-item {
        height: auto;
        aspect-ratio: 1 / 1;
        font-size: 38px;
    }

    .modal.modal--kommisar-request-success.modal--kommisar-request-success-new .kommisar-btn-block {flex-direction: column;}

    .modal.modal--kommisar-request-success.modal--kommisar-request-success-new .kommisar-btn-block a.btn, .modal.modal--kommisar-request-success.modal--kommisar-request-success-new .kommisar-btn-block form {
        width: 100%;
        height: 40px;
    }

    .modal.modal--kommisar-request-success.modal--kommisar-request-success-new .kommisar-btn-block form .btn {height: 40px;}

    .modal.modal--kommisar-request-success.modal--kommisar-request-success-new .kommisar-btn-block a.btn br {display: none;}

    .rating-sect {gap: 10px;}

    .rating-sect .rating-item {
        max-width: calc(20% - 5px);
        flex-basis: calc(20% - 5px);
    }
}

@media only screen and (max-width: 375px) {

    .rating-sect .rating-item {font-size: 34px;}

    .modal.modal--kommisar-request-success.modal--kommisar-request-success-new .kommisar-btn-block a.btn {height: 60px;}

    .modal.modal--kommisar-request-success.modal--kommisar-request-success-new .kommisar-btn-block a.btn br {display: inline;}

}


@media only screen and (max-width: 320px) {

    .rating-sect .rating-item {font-size: 30px;}

    .modal.modal--kommisar-request-success.modal--kommisar-request-success-new .modal__heading.h2 {margin-top: 20px;}

}
/* End */
/* /local/templates/delement/components/delement/blocks/block-rating-2025/style.css?17586305785363 */