@import url(colors.css);
@import url(components.css);
@import url(icons.css);
@import url(typography.css);
@import url(utilities.css);

* {
    outline:none !important
}

a:focus-visible,
button:focus-visible {
    outline: dashed 2px blue !important;
}

input:focus,
textarea:focus {
    outline: none !important;
    box-shadow: none !important;
}

@media (min-width: 360px) {
    .sm\:hidden {
        display: none;
    }
}

@media (min-width: 768px) {
    .md\:hidden {
        display: none;
    }
}

@media (min-width: 1024px) {
    .lg\:block {
        display: block;
    }
}

.my-18 {
    margin-top: 4.5rem;
    margin-bottom: 4.5rem;
}

@media (min-width: 768px) {
    .md\:my-18 {
        margin-top: 4.5rem;
        margin-bottom: 4.5rem;
    }
}

.my-26 {
    margin-top: 6.5rem;
    margin-bottom: 6.5rem;
}

@media (min-width: 768px) {
    .md\:my-26 {
        margin-top: 6.5rem;
        margin-bottom: 6.5rem;
    }
}

main > section:first-child,
main > nav + section {
    margin-top: 40px !important;
}
main > section:last-of-type:not(.no-mb),
main > section:only-child:not(.no-mb) {
    margin-bottom: 40px !important;
}
main > section.blue-alice-theme:first-child,
main > nav + section.blue-alice-theme {
    margin-top: 72px !important;
}
main > section.blue-alice-theme:last-of-type:not(.no-mb),
main > section.blue-alice-theme:only-child:not(.no-mb) {
    margin-bottom: 72px !important;
}
@media (min-width: 768px) {
    main > section:first-child,
    main > nav + section {
        margin-top: 48px !important;
    }
    main > section:last-of-type:not(.no-mb),
    main > section:only-child:not(.no-mb) {
        margin-bottom: 48px !important;
    }
    main > section.blue-alice-theme:first-child,
    main > nav + section.blue-alice-theme {
        margin-top: 72px !important;
    }
    main > section.blue-alice-theme:last-of-type:not(.no-mb),
    main > section.blue-alice-theme:only-child:not(.no-mb) {
        margin-bottom: 72px !important;
    }
}

.no-mb {
    margin-bottom: 0 !important;
}

img[src=""][alt=""] {
    display: none;
}

#AnchorMenu,
#fixedNav {
    transition: top 0.3s ease;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .ProductsTable {
        grid-template-columns: auto 156px 156px 156px !important;
    }
    .ProductsTable .font-body {
        font-size: 16px;
        line-height: 20.3px;
    }
}

@media (min-width: 1280px) {
}

main section[id] {
    scroll-margin-top: 180px;
}

header article p a,
main section p a,
main section h1 a,
main section h2 a,
main section h3 a,
main section h4 a {
    text-decoration: underline;
    text-decoration-color: #00000033;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
    outline: 0;
    transition: all .2s linear;
}

header article p a:hover,
main section p a:hover,
main section h1 a:hover,
main section h2 a:hover,
main section h3 a:hover,
main section h4 a:hover {
    text-decoration-color: #000000;
}

header article p a>u,
main section p a>u,
main section h1 a>u,
main section h2 a>u,
main section h3 a>u,
main section h4 a>u {
    text-decoration: none;
}

.slider-right-border-hide {
    position: relative;
}
@media (min-width: 1280px) {
    .slider-right-border-hide[slides-per-view]:not(.slider-container-resources) {
        /* необходимо для центрирования вертикальной линии на середине ширины всего блока */
        margin-right: -1px;
    }
}


.slider-right-border-hide::after {
    position: absolute;
    z-index: 25;
    top: 0;
    right: 0;
    width: 2px;
    height: 100%;
    content: '';
    background-color: white;
}

.text-clamped-4 {
    text-overflow: ellipsis;
    overflow: hidden;


    @supports (-webkit-line-clamp: 4) {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: initial;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }
}