/* Start:/local/components/componentsTheme/block.icc-calculator/templates/.default/style.css?1770380243601*/
.block-icc-calculator__text {
    position: relative;
    width: 100%;
    height: fit-content;

    color: var(--text-primary-main);
    margin-bottom: 30px;
}

.block-icc-calculator__calc-wrapper {
    position: relative;
    width: 100%;
    height: fit-content;
}

@media(max-width: 420px) {
    .block-icc-calculator__calc-wrapper {
        margin-left: calc( (100vw - 100%) / -2 );
        width: 100vw;

        & .icc-calculator__result {
            max-width: var(--mobile-container);
            margin-left: auto;
            margin-right: auto;
        }
    }
}
/* End */


/* Start:/local/components/componentsTheme/component.icc-calculator/templates/.default/style.css?17703802438057*/
.icc-calculator-component {
    position: relative;
    width: 100%;
    height: fit-content;

    &::after {
        content: '';
        position: absolute;
        top: 0px;
        left: 0px;

        width: 100%;
        height: 100%;

        background: var(--bg-primary-main);

        cursor: progress;

        z-index: 100;
        pointer-events: none;
        opacity: 0;

        transition: var(--transition);
    }

    &.loading {
        &::after {
            opacity: 0.5;
            pointer-events: all;
        }
    }
}

.icc-calculator__items {
    position: relative;
    width: 100%;
    height: fit-content;

    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.icc-calculator__item {
    position: relative;

    padding: clamp(15px, 1.618vw + 8.932px, 40px);
    border-radius: 15px;

    background: var(--bg-primary-second);

    display: flex;
    flex-direction: column;
    gap: 15px;
}
.icc-calculator__item-head {
    position: relative;
    display: flex;
    align-items: center;
    gap: 15px;
}
.icc-calculator__item-num {
    position: relative;
    width: 0%;
    min-width: 30px;
    height: 30px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: var(--colors-main);
    border-radius: 5px;

    color: var(--text-primary-head);
}

.icc-calculator__item-select {
    position: relative;
    width: 100%;
    height: 50px;

    z-index: 90;
}
.icc-calculator__item-select__wrapper {
    position: relative;
    width: 100%;
    height: fit-content;
    background: var(--bg-primary-main);
    border: solid 1px var(--bg-primary-stroke);
    border-radius: 10px;
}

.icc-calculator__item-select-head {
    position: relative;
    width: 100%;
    height: 50px;

    padding: 5px;
    padding-left: 20px;

    display: flex;
    align-items: center;
    gap: 10px;

    cursor: pointer;
}

.icc-calculator__item-select__value {
    position: relative;
    width: 0%;
    flex-grow: 1;

    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: var(--text-primary-head);

    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    -moz-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-clamp: 1;
    box-orient: vertical;
}
.icc-calculator__item-select__btn {
    position: relative;
    width: 0%;
    min-width: 40px;
    height: 40px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 10px;

    background: var(--bg-primary-second);

    transition: var(--transition);

    & svg {
        position: relative;
        width: 16px;
        height: 16px;

        transition: var(--transition);

        & path {
            stroke: var(--bg-alt-third);
            transition: var(--transition);
        }
    }
}
.icc-calculator__item-select__items {
    position: relative;
    padding: 10px 20px;
    padding-bottom: 20px;
    border-top: solid 1px var(--bg-primary-stroke);

    display: flex;
    flex-direction: column;
    gap: 15px;

    max-height: 100%;
    overflow: hidden;
    overflow-y: auto;
}
.icc-calculator__item-select__item {
    position: relative;
    padding-top: 10px;
    border-top: solid 1px var(--bg-primary-stroke);

    cursor: pointer;

    display: flex;
    align-items: start;
    gap: 10px;
}

.icc-calculator__item-select__item-img {
    position: relative;
    width: 0%;
    min-width: 30px;
    height: 30px;
    border: solid 1px var(--bg-primary-stroke);
    border-radius: 10px;

    & img {
        position: absolute;
        top: 0px;
        left: 0px;

        width: 100%;
        height: 100%;

        object-fit: cover;
        object-position: center;
    }
}

.icc-calculator__item-select__items-wrapper {
    position: relative;
    width: 100%;
    height: fit-content;
    max-height: 0px;
    transition: var(--transition);

    overflow: hidden;

}

.icc-calculator__item-select.open {
    z-index: 95;

    & .icc-calculator__item-select__items-wrapper {
        max-height: 360px;
    }

    & .icc-calculator__item-select__btn {
        background: var(--colors-main);

        & svg {
            transform: rotate(180deg);

            & path {
                stroke: var(--bg-alt-main);
            }
        }
    }
}

.icc-calculator__item-select__item-label {
    position: relative;
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;

    color: var(--text-primary-second);
}


@media(max-width: 1300px) {
    .icc-calculator__items {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media(max-width: 850px) {
    .icc-calculator__items {
        grid-template-columns: repeat(1, 1fr);
    }
}



.icc-calculator__result {
    position: relative;
    width: 100%;
    height: fit-content;

    padding: clamp(15px, 1.618vw + 8.932px, 40px) clamp(0px, 2.589vw + -9.709px, 40px);
}

.icc-calculator__result-head {
    position: relative;
    display: flex;
    align-items: center;
    gap: 15px;

    &.disabled {
        & .icc-calculator__result-head__arrow {
            background: var(--bg-primary-second);

            & svg {
                & path {
                    stroke: var(--bg-primary-stroke);
                }
            }
        }

        & .icc-calculator__result-head__name {
            color: var(--text-primary-second);
        }
    }
}
.icc-calculator__result-head__arrow {
    position: relative;
    width: 0%;
    min-width: 30px;
    height: 30px;
    border-radius: 5px;
    background: var(--colors-main);

    display: flex;
    align-items: center;
    justify-content: center;

    & svg {
        position: relative;
        width: 20px;
        height: 20px;

        & path {
            stroke: var(--text-primary-head);
        }
    }
}
.icc-calculator__result-head__name {
    position: relative;
    color: var(--text-primary-head);
}

.icc-calculator__result-body {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 10px;

    margin-top: clamp(15px, 1.618vw + 8.932px, 40px);
}
.icc-calculator__result-message {
    position: relative;
    color: var(--text-primary-head);
}

.icc-calculator__result-docs {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(10px, 0.647vw + 7.573px, 20px);
}


.icc-calculator__result-docs-item {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: start;
    gap: 15px;
    padding: 20px;
    border: solid 1px var(--bg-primary-stroke);
    border-radius: 10px;
}

.icc-calculator__result-docs-item__icon {
    position: relative;
    width: 0%;
    min-width: 58px;
    height: 58px;
    border-radius: 10px;
    background: var(--bg-alt-main);

    display: flex;
    align-items: center;
    justify-content: center;

    & svg {
        position: relative;
        width: 32px;
        height: 32px;

        & path {
            stroke: var(--colors-main);
        }
    }
}

.icc-calculator__result-docs-item__content {
    position: relative;
    width: 0%;
    flex-grow: 1;

    display: flex;
    flex-direction: column;
    gap: 10px;
}
.icc-calculator__result-docs-item__name {
    position: relative;
    color: var(--text-primary-main);
}
.icc-calculator__result-docs-item__subname {
    position: relative;
    color: var(--text-primary-second);
}

@media(max-width: 1180px) {
    .icc-calculator__result-docs {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media(max-width: 780px) {
    .icc-calculator__result-docs {
        grid-template-columns: repeat(1, 1fr);
    }
}
/* End */
/* /local/components/componentsTheme/block.icc-calculator/templates/.default/style.css?1770380243601 */
/* /local/components/componentsTheme/component.icc-calculator/templates/.default/style.css?17703802438057 */