/* creation date: Sat, 14 Mar 2026 06:03:58 GMT
concat references:
https%3A%2F%2Fwww.petit-bateau.fr%2Fon%2Fdemandware.static%2FSites-PB_FR-Site%2F-%2Ffr_FR%2Fv1773464942175%2Fcss%2Flandingpage%2Fmacaronsfilters.css
https%3A%2F%2Fwww.petit-bateau.fr%2Fon%2Fdemandware.static%2FSites-PB_FR-Site%2F-%2Ffr_FR%2Fv1773464942175%2Fcss%2Fcomponent.css
*/
/*! https%3A%2F%2Fwww.petit-bateau.fr%2Fon%2Fdemandware.static%2FSites-PB_FR-Site%2F-%2Ffr_FR%2Fv1773464942175%2Fcss%2Flandingpage%2Fmacaronsfilters.css */
@media (min-width: 768px) {
    .macaron-filter {
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: .8rem;
    }
    
    .macaron-filter .macaron-filter-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        cursor: pointer;
        text-align: center;
        text-overflow: ellipsis;
        font-weight: 600;
        font-size: 1.4rem;
    }
}

.macaron-filter .macaron-filter-item .macaron-filter-image {
    width: 11.2rem;
    height: 11.2rem;
    padding: 1.6rem 1.6rem 0;
    margin: 0 0 .4rem;
    transition: transform .2s  ease-in-out;
}

.macaron-filter .macaron-filter-item .macaron-filter-image img {
    transition: .5s ease-in-out;
}
.macaron-filter .macaron-filter-item:hover {
    text-decoration: underline;
}
.macaron-filter .macaron-filter-item:hover .macaron-filter-image img,
.macaron-filter .macaron-filter-item.active .macaron-filter-image img {
    transform: scale(1.4);
}

@media (max-width: 768px) {
    .macarons-region-container .center-macaron {
        display: flex;
        justify-content: center;
    }
    .macaron-filter .macaron-filter-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        cursor: pointer;
        text-align: center;
        text-overflow: ellipsis;
        font-weight: 600;
        font-size: 1.4rem;
    }
    .macaron-filter .macaron-filter-item .macaron-filter-image {
        width: 9rem;
        height: 9rem;
        border-radius: 50%;
        padding: .5rem;
        margin-bottom: .8rem;
        overflow: hidden;
    }
    .macaron-filter .macaron-filter-item:hover .macaron-filter-image  {
        width: 8.5rem;
        height: 8.5rem;
        margin-bottom: 1.3rem;
    }
    .macaron-filter .macaron-filter-item:hover .macaron-filter-image img  {
        transform: scale(1.1);
    }
}


/*! https%3A%2F%2Fwww.petit-bateau.fr%2Fon%2Fdemandware.static%2FSites-PB_FR-Site%2F-%2Ffr_FR%2Fv1773464942175%2Fcss%2Fcomponent.css */
.component-figure {
  margin: 0;
  width: 100%;
  height: 100%;
}

.component-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--focal-point-x) var(--focal-point-y);
}