/* Start:/local/templates/darsy/components/bitrix/catalog/.default/style.css?1773218531505*/
.filter-loader {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, 0.5);
    z-index: 9999;

    opacity: 0;
    visibility: hidden;

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

    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.filter-loader.active {
    opacity: 1;
    visibility: visible;
}

.filter-loader svg {
    width: 3em;
    height: 3em;
    fill: #032dd3;
}
/* End */


/* Start:/local/templates/darsy/components/bitrix/catalog.element/.default/style.css?17732185311899*/
#copy-toast {
    position: fixed;
    top: 20px;
    right: -300px;
    background: #FFFFFF;
    padding: 16px;
    border-radius: 12px;
    transition: right 0.5s ease-in-out;
    z-index: 999999;
    display: flex;
    align-items: center;
}

#copy-toast .success {
    width: 22px;
    height: 22px;
}

#copy-toast .text {
    color: #3D3D4F;
    font-family: Raleway;
    font-weight: 700;
    font-style: Bold;
    font-size: size/s;
    leading-trim: NONE;
    line-height: line-height/s;
    letter-spacing: -1%;
    font-variant-numeric-figure: lining-nums;
    font-variant-numeric-spacing: proportional-nums;
    display: inline-block;
    margin-left: 12px;
}

#copy-toast .close {
    margin-left: 40px;
    width: 12px;
    height: 12px;
    cursor: pointer;
}

#copy-toast.show {
    right: 20px;
}

#download-pdf .waiting {
    display: none;
}

#download-pdf.active span,
#download-pdf.active svg {
    display: none;
}

#download-pdf.active .waiting {
    display: block;
}

.page-break {
    page-break-before: always;  /* перед этим элементом новая страница */
    page-break-after: always;   /* после этого элемента новая страница */
    break-before: page;         /* современный вариант */
    break-after: page;          /* современный вариант */
}

.page-break-before {
    page-break-before: always;
    break-before: page;
}

.page-break-after {
    page-break-after: always;
    break-after: page;
}

video {
    max-height: 650px;
    width: 100%;
}

.product-item-detail-info-container.no-available {
    height: 100%;
    display: flex;
    align-items: center;
    margin: auto;
    padding: 0 15px;
}

.product-item-detail-info-container.no-available a {
    font-weight: bold;
}
/* End */
/* /local/templates/darsy/components/bitrix/catalog/.default/style.css?1773218531505 */
/* /local/templates/darsy/components/bitrix/catalog.element/.default/style.css?17732185311899 */