<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* START hero */

.hero {
    height: 80vh;
    background-position: bottom;
    position: relative;
}

.hero .uniformSpacing{
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}

.hero .uniformSpacing &gt; div{
    position: absolute;
    top: calc(100% - 3em);
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 1.5em;
}

.hero .uniformSpacing &gt; div p {
    box-shadow: 3px 6px 20px #00000029;
    padding: 1.5em;
    border-radius: var(--basicRadius);
    width: fit-content;
}

.hero .ldsnStars {
    position: absolute;
    bottom: 0;
    left: 0;
}

@media screen and (max-width: 1350px) {
    .hero .ldsnStars{
        transform: translateX(-50%);
    }
    
    .hero .uniformSpacing &gt; div {
        background-color: var(--basicWhite);
        
    }
    .hero .uniformSpacing &gt; div &gt; div {
        webkit-box-shadow: initial;
        box-shadow: initial;
    }
    
    .hero .uniformSpacing &gt; div h2{
        padding: .6em .6em 0 .6em;
        width: fit-content;
        color: var(--basicColor2);
    }
    .hero .uniformSpacing &gt; div{
        gap: .5em;
    }
    
    .hero .uniformSpacing .containerHero{
        border-radius: var(--basicRadius);
        webkit-box-shadow: 0px 9px 13px -7px rgba(0, 0, 0, 0.42);
        box-shadow: 0px 9px 13px -7px rgba(0, 0, 0, 0.42);
        align-items: center;
    }
}

/* END hero */

/* START listingActu */

.listingActu .uniformSpacing{
    display: flex;
    flex-wrap: wrap;
}

.listingActu .uniformSpacing{
    display: flex;
    flex-wrap: wrap;
    gap: 2.5em;
}

.listingActu .uniformSpacing a{
    display: flex;
    flex-direction: column;
    gap: 1.5em;
    width: calc((100% - 2.5em * 3) / 4);
}

.listingActu .uniformSpacing a img{
    width: 100%;
    aspect-ratio: 16/9;
    border-radius: var(--basicRadius);
    object-fit: cover;
}


.listingActu .uniformSpacing a &gt; div{
    display: flex;
    flex-direction: column;
    gap: .5em;
}


@media screen and (max-width: 1350px) {
    .listingActu .uniformSpacing a{
        width: calc((100% - 2.5em * 2) / 3);
    }
}

@media screen and (max-width: 950px) {
    .listingActu .uniformSpacing a{
        width: calc((100% - 2.5em) / 2);
    }
}

@media screen and (max-width: 700px) {
    .listingActu .uniformSpacing a{
        width: 100%;
    }
    
    .listingActu .uniformSpacing a img{
        max-height: 15em;
        object-fit: cover;
    }
}

/* END listingActu */

</pre></body></html>