.subcoll-filters{--filtre-contour-repos: #949494;--filtre-pastille-repos: #767676;--filtre-texte: #1a1a1a;--filtre-texte-secondaire: #555555;--filtre-fond: #ffffff;--subcoll-gap: 8px}.subcoll-filters__warning{margin:0 0 8px;padding:8px 12px;border-radius:6px;background:#fff4e5;color:#663c00;font-size:1.3rem}.subcoll-filters__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.subcoll-filters__header--with-title{min-height:44px}.subcoll-filters__title{margin:0;font-size:1.4rem;line-height:1.3;font-weight:700;color:var(--filtre-texte)}.subcoll-filters__reset{display:inline-flex;align-items:center;min-height:44px;margin-inline-start:auto;font-size:1.3rem;line-height:1.3;color:var(--filtre-texte);text-decoration:underline;text-underline-offset:2px;white-space:nowrap}.subcoll-filters__reset[hidden]{display:none}.subcoll-filters__header:not(.subcoll-filters__header--with-title){position:relative;z-index:2;height:0;min-height:0;align-items:flex-end}.subcoll-filters__header:not(.subcoll-filters__header--with-title) .subcoll-filters__reset{min-height:40px}.subcoll-filters__reset:not([hidden]){animation:subcoll-reset-in .18s ease-out}@keyframes subcoll-reset-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.subcoll-filters__reset:not([hidden]){animation:none}}.subcoll-filters .slider{scrollbar-width:none}.subcoll-filters .slider::-webkit-scrollbar{display:none}.subcoll-filters .slider .subcoll-filters__list{grid-auto-columns:120px;column-gap:var(--subcoll-gap);padding-block:3px}.subcoll-filters__scrollbar{padding-top:10px;padding-bottom:4px}.subcoll-filters__scrollbar[hidden]{display:none}.subcoll-filters__scrollbar-track{position:relative;display:block;height:3px;overflow:hidden;border-radius:3px;background:#e5e5e5}.subcoll-filters__scrollbar-thumb{display:block;height:100%;border-radius:3px;background:var(--filtre-couleur-selection, #E8590C);will-change:transform}.subcoll-filters__item[hidden]{display:none!important}.subcoll-filter-card{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;margin:0;padding:10px 8px;border:0;border-radius:14px;background:var(--filtre-fond);box-shadow:inset 0 0 0 1.5px var(--filtre-contour-repos);color:var(--filtre-texte);font:inherit;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:box-shadow .15s ease}.subcoll-filter-card__media{position:relative;display:block;width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:6px;background:var(--filtre-fond)}.subcoll-filter-card__media img,.subcoll-filter-card__media svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.subcoll-filter-card__title{display:-webkit-box;min-height:2.6em;margin-top:8px;overflow:hidden;font-size:1.2rem;line-height:1.3;font-weight:700;-webkit-line-clamp:2;-webkit-box-orient:vertical}.subcoll-filter-card__count{margin-top:2px;font-size:1.2rem;line-height:1.3;color:var(--filtre-texte-secondaire)}.subcoll-filter-card__dot{position:absolute;z-index:1;top:8px;right:8px;width:18px;height:18px;border:1px solid var(--filtre-pastille-repos);border-radius:50%;background:var(--filtre-fond)}.subcoll-filter-card.is-selected,.subcoll-filter-card:active{box-shadow:inset 0 0 0 2px var(--filtre-couleur-selection, #E8590C)}.subcoll-filter-card.is-selected .subcoll-filter-card__dot{border-color:var(--filtre-couleur-selection, #E8590C);background:var(--filtre-couleur-selection, #E8590C)}.subcoll-filter-card.is-selected .subcoll-filter-card__dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:6px;height:6px;margin:auto;border-radius:50%;background:#fff}.subcoll-filter-card:focus-visible{outline:2px solid var(--filtre-texte);outline-offset:2px}@media(hover:hover){.subcoll-filter-card:hover{box-shadow:inset 0 0 0 1.5px var(--filtre-pastille-repos)}.subcoll-filter-card.is-selected:hover{box-shadow:inset 0 0 0 2px var(--filtre-couleur-selection, #E8590C)}}@media(max-width:768.98px){.subcoll-filters .slider .subcoll-filters__list{grid-auto-columns:min(calc((100vw - 2 * var(--gutter, 12px) - 2 * var(--subcoll-gap)) / 3),150px)}.subcoll-filters .slider .subcoll-filters__list--scroll{grid-auto-columns:min(calc((100vw - var(--gutter, 12px) - 2 * var(--subcoll-gap)) / 2.5),150px)}}
/*# sourceMappingURL=/cdn/shop/t/60/assets/subcollection-filters.css.map */
