@charset "UTF-8";.collection-maillage{position:relative;display:flex;padding:20px 0 12px;overflow:visible;background-color:#f5f5f5}.collection-maillage .page-width{width:100%}.collection-maillage:before,.collection-maillage:after{content:"";position:absolute;top:0;bottom:0;width:5rem;pointer-events:none;z-index:1}.collection-maillage:before{left:0;background:linear-gradient(to right,#F5F5F5,transparent);opacity:0}.collection-maillage:after{right:0;background:linear-gradient(to left,#F5F5F5,transparent)}.collection-maillage .collection-maillage-list{display:flex;overflow-x:auto;gap:32px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;padding:0 0 8px;scrollbar-width:none;scrollbar-color:#BDBDBD transparent}.collection-maillage .collection-maillage-list::-webkit-scrollbar{height:3px}.collection-maillage .collection-maillage-list::-webkit-scrollbar-track{background:transparent;border-radius:5px}.collection-maillage .collection-maillage-list::-webkit-scrollbar-thumb{background:transparent;border-radius:4px;transition:background .2s ease}.collection-maillage:hover .collection-maillage-list{scrollbar-width:thin}.collection-maillage:hover .collection-maillage-list::-webkit-scrollbar-thumb{background:#bdbdbd}.collection-maillage:hover .collection-maillage-list::-webkit-scrollbar-thumb:hover{background:rgba(var(--color-foreground),.5)}.collection-maillage a{display:flex;flex:0 0 130px;flex-direction:column;align-items:center;justify-content:flex-start;padding:0;text-align:center;font-size:13px;font-weight:500;line-height:16px;text-decoration:none;color:inherit;gap:8px;scroll-snap-align:start;transition:transform .2s ease}.collection-maillage a:hover,.collection-maillage a:focus{transform:none}.collection-maillage a .collection-maillage-img-wrapper{width:100%;border:6px solid #FFF;border-radius:50%;overflow:hidden;transition:border-color .15s ease;aspect-ratio:1/1;flex-shrink:0}.collection-maillage a:hover .collection-maillage-img-wrapper,.collection-maillage a:focus .collection-maillage-img-wrapper,.collection-maillage a:active .collection-maillage-img-wrapper{border-color:#f36;border-width:6px;box-shadow:0 4px 12px #ff336640}.collection-maillage a img{width:100%;height:100%;display:block;object-fit:cover;object-position:center top;filter:brightness(.96)!important}@media only screen and (max-width:749px){.collection-maillage a{flex:0 0 120px}}
/*# sourceMappingURL=/cdn/shop/t/86/assets/component-collection-maillage.css.map */