@import 'NPS.Web.Client.ewryzqkvx2.bundle.scp.css';

/* _content/NPS.Web/Components/Layout/LypaLogo.razor.rz.scp.css */
svg[b-3x7mcdfkib] {
    fill: var(--the-hue-action-0);
    height: 50px;
}

@media (orientation: portrait), (max-width: 719px) {
    svg[b-3x7mcdfkib] {
        height: 40px;
    }
}

path[b-3x7mcdfkib] {
    transition: all .2s ease-out;
}

.fill[b-3x7mcdfkib] {
    opacity: 0;
}

a[b-3x7mcdfkib] {
    height: 100%;
    padding: 0 var(--the-unit-4x);
    display: flex;
    align-items: center;
}

a:hover svg .fill[b-3x7mcdfkib] {
    opacity: 1;
}

a:hover svg .letter[b-3x7mcdfkib] {
    fill: var(--the-hue-action-4);
}

svg.invert[b-3x7mcdfkib] {
    fill: var(--the-hue-action-4);
}

svg.invert .fill[b-3x7mcdfkib] {
    opacity: 1;
}

svg.invert .letter[b-3x7mcdfkib] {
    fill: var(--the-hue-action-0);
}

a:hover svg.invert .fill[b-3x7mcdfkib] {
    opacity: 0;
}
/* _content/NPS.Web/Components/Layout/PublicLayout.razor.rz.scp.css */
#header-logo[b-t1mvaiucw0] {
    background: var(--the-hue-action-4);
}

#header-slogan[b-t1mvaiucw0] {
    color: var(--the-hue-action-4);
    letter-spacing: -0.02em;
}

#header-links > a[b-t1mvaiucw0] {
    color: var(--the-hue-neutral-6);
    font-size: inherit;
    line-height: var(--the-unit-4x);
    border-radius: var(--the-unit-4x);
    padding: var(--the-unit-2x) var(--the-unit-4x);
    &:hover {
        background: var(--the-hue-neutral-1);
    }
}

#header-links > a.active[b-t1mvaiucw0], #header-links > a:active[b-t1mvaiucw0] {
    color: var(--the-hue-neutral-4);
    &:hover {
        background: none;
        color: var(--the-hue-neutral-6);
    }
}

#footer-links > a[b-t1mvaiucw0] {
    display: block;
    width: 100%;
    padding: var(--the-unit-2x) 0;
    border-bottom: 1px solid var(--the-hue-neutral-2);

    &:hover {
        border-bottom-color: var(--the-hue-action-4);
    }
}

h4[b-t1mvaiucw0], footer h5[b-t1mvaiucw0], footer h6[b-t1mvaiucw0] {
    margin: 0;
}

#footer-logo[b-t1mvaiucw0] {
    display: inline-block;
}

#footer-contact[b-t1mvaiucw0] {
    display: flex;
    justify-content: space-between;
}

a[b-t1mvaiucw0] {
    text-decoration: none !important;
}

/* phone mode: no links */
@media (orientation: portrait), (max-width: 719px) {
    #header-links[b-t1mvaiucw0] {
        display: none;
    }
}
/* _content/NPS.Web/Components/Pages/Product.razor.rz.scp.css */
.layout[b-gmv9jfqtt8] {
    display: grid;
    grid-template-areas: 'header header header' 'variants text images';
    grid-template-columns: 1fr 1fr 2fr;
    background: var(--the-hue-neutral-1);
    gap: 1px;
    padding: 1px 0;
}

p[b-gmv9jfqtt8] {
    margin-top: 0.5em;
}

.header[b-gmv9jfqtt8] {
    grid-area: header;
}

.variants[b-gmv9jfqtt8] {
    grid-area: variants;
    background: var(--the-hue-chrome-1);
    padding: var(--the-unit-2x);
    display: flex;
    flex-direction: column;
    gap: var(--the-unit-1x);
}

.variants > h6[b-gmv9jfqtt8] {
    padding: var(--the-unit-2x);
}

.text[b-gmv9jfqtt8] {
    grid-area: text;
    background: var(--the-hue-neutral-0);
    padding: var(--the-unit-4x);
}

.text a[b-gmv9jfqtt8] {
    text-decoration: underline;
    color: var(--the-hue-chrome-6);
    &:hover, &:active, &:focus-within {
        color: var(--the-hue-chrome-4);
    }
}

.images[b-gmv9jfqtt8] {
    grid-area: images;
    background: var(--the-hue-neutral-0);
    overflow: hidden;
    min-height: 500px;
}

swiper-container[b-gmv9jfqtt8] {
    width: 100%;
    z-index: 0;
}

header[b-gmv9jfqtt8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

video[b-gmv9jfqtt8], img[b-gmv9jfqtt8] {
    max-width: 100%;
}

h6[b-gmv9jfqtt8] {
    margin: 0;
}

@media (orientation: portrait), (max-width: 719px) {
    .layout[b-gmv9jfqtt8] {
        grid-template-areas: 'header' 'images' 'variants' 'text';
        grid-template-columns: 100%;
    }

    .title[b-gmv9jfqtt8] {
        width: 0;
        margin-left: 0;
    }

    .images[b-gmv9jfqtt8] {
        min-height: 200px;
    }
}
/* _content/NPS.Web/Components/ProductCard.razor.rz.scp.css */
.layout[b-3wvqj4ne8a] {
    background: var(--the-hue-chrome-0);
    color: var(--the-hue-neutral-4);
    border: 1px solid var(--the-hue-neutral-2);
    font-size: 13px;
    border-radius: var(--the-unit-1x);
    padding: var(--the-unit-4x);
    height: 100%;
    overflow: hidden;
    display: grid;
    grid-template-rows: 3fr 1fr;
    gap: var(--the-unit-1x);
}

/* phone mode: reduce padding */
@media (orientation: portrait), (max-width: 719px) {
    .layout[b-3wvqj4ne8a] {
        padding: var(--the-unit-2x);
    }
}

figure[b-3wvqj4ne8a] {
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

img[b-3wvqj4ne8a] {
    object-fit: contain;
    width: 100%;
}

figcaption[b-3wvqj4ne8a] {
    font-size: 15px;
    color: var(--the-hue-neutral-6);
    transition: color .1s ease-out;
}

figure+div[b-3wvqj4ne8a] {
    display: flex;
    flex-direction: column;
    gap: var(--the-unit-1x);
}

.tags[b-3wvqj4ne8a] {
    margin: var(--the-unit-1x) 0;
    white-space: nowrap;
}

.chip[b-3wvqj4ne8a] {
    padding: var(--the-unit-1x) var(--the-unit-2x);
    border: 1px solid var(--the-hue-neutral-4);
    border-radius: var(--the-unit-4x);
}

.desc[b-3wvqj4ne8a] {
    line-height: 15px;
    height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
}

a[b-3wvqj4ne8a] {
    text-decoration: none !important;
    &[href]:active, &[href]:hover, &[href]:focus-visible {
        & .layout {
            border-color: var(--the-hue-neutral-3);
            opacity: 1;
        }

        & img[b-3wvqj4ne8a] {
            border-color: var(--the-hue-neutral-3);
            opacity: 0.7;
        }

        & figcaption[b-3wvqj4ne8a] {
            color: var(--the-hue-action-4);
        }
    }
}
/* _content/NPS.Web/Components/ResponsiveGrid.razor.rz.scp.css */
.layout[b-wubiok9r3g] {
    display: flex;
    flex-wrap: wrap;
    padding: var(--the-unit-2x);
}

/* up to 5 columns */
.layout[b-wubiok9r3g] >  * {
    flex-basis: 20%;
    padding: var(--the-unit-2x);
}

@media (max-width: 1800px) {
    .layout[b-wubiok9r3g] >  * {
        flex-basis: 25%;
    }
}

@media (max-width:1400px) {
    .layout[b-wubiok9r3g] >  * {
        flex-basis: 33.33%;
    }
}

@media (max-width:1000px) {
    .layout[b-wubiok9r3g] >  * {
        flex-basis: 50%;
    }
}

@media (max-width:600px) {
    .layout[b-wubiok9r3g] >  * {
        flex-basis: 100%;
    }
}

/* phone mode: reduce padding */
@media (orientation: portrait), (max-width: 719px) {
    .layout[b-wubiok9r3g] {
        padding: var(--the-unit-1x);
    }

    .layout[b-wubiok9r3g] >  * {
        padding: var(--the-unit-1x);
    }
}