.swatch-list{max-width:100%}.swatch-list>.group-swatch{display:none;flex:1 1 100%;width:100%;min-width:0;flex-wrap:wrap;align-items:center;gap:var(--gap, .6rem)}.swatch-list>.group-swatch.is-expanded{display:flex}.swatch-item{--swatch--border-radius: var(--variant-pills-radius, 50%);border:var(--variant-pills-border-width) solid rgb(var(--color-black-rgb) / var(--opacity-15));border-radius:var(--swatch--border-radius);padding:.2rem;box-shadow:var(--variant-pills-shadow-horizontal-offset) var(--variant-pills-shadow-vertical-offset) var(--variant-pills-shadow-blur-radius) var(--color-shadow)}.swatch-item:after{content:"";position:absolute;inset:calc(var(--variant-pills-border-width) * -1);border:var(--variant-pills-border-width) solid rgb(var(--color-black-rgb) / var(--opacity-100));border-radius:var(--swatch--border-radius);pointer-events:none;transform:scale(.8);transition:transform .3s ease,opacity .3s ease;opacity:var(--opacity-0)}.swatch-item.active:after{transform:scale(1);opacity:var(--opacity-100)}.swatch-item label{cursor:pointer}.swatch{--swatch--size: var(--swatch-input--size, 4.4rem);width:var(--swatch--size);aspect-ratio:1 / 1;background-color:var(--swatch--background-color);background-image:var(--swatch--background);background-position:var(--swatch-focal-point, initial);background-size:cover;background-origin:border-box;border-radius:var(--swatch--border-radius)}.color-swacth-color--pink,.color-swacth-color--rose{--swatch--background-color: #f5a9c6 !important}.color-swacth-color--purple,.color-swacth-color--mauve,.color-swacth-color--violet{--swatch--background-color: #8e5bb7 !important}.color-swacth-color--blue,.color-swacth-color--bleu,.color-swacth-color--bleue{--swatch--background-color: #5b9bd5 !important}.color-swacth-color--beige{--swatch--background-color: #d8c3a5 !important}.color-swacth-color--silver,.color-swacth-color--argent,.color-swacth-color--argente,.color-swacth-color--argentee{--swatch--background-color: #c0c0c0 !important}.color-swacth-color--green,.color-swacth-color--vert,.color-swacth-color--verte{--swatch--background-color: #4caf50 !important}.color-swacth-color--red,.color-swacth-color--rouge{--swatch--background-color: #d9534f !important}.color-swacth-color--yellow,.color-swacth-color--jaune{--swatch--background-color: #f0d84b !important}.color-swacth-color--orange{--swatch--background-color: #ef8830 !important}.color-swacth-color--gold,.color-swacth-color--or,.color-swacth-color--dore,.color-swacth-color--doree{--swatch--background-color: #d4af37 !important}.color-swacth-color--black,.color-swacth-color--noir,.color-swacth-color--noire{--swatch--background-color: #222222 !important}.color-swacth-color--white,.color-swacth-color--blanc,.color-swacth-color--blanche{--swatch--background-color: #f5f5f5 !important}.color-swacth-color--grey,.color-swacth-color--gray,.color-swacth-color--gris,.color-swacth-color--grise{--swatch--background-color: #9e9e9e !important}.color-swacth-color--brown,.color-swacth-color--brun,.color-swacth-color--brune,.color-swacth-color--marron{--swatch--background-color: #8b5a2b !important}.color-swacth-color--turquoise{--swatch--background-color: #2fbfae !important}.swatch-item:has(.swatch--unavailable){border-style:dashed;border-color:rgb(var(--color-black-rgb) / var(--opacity-50))}.swatch-item:has(.swatch.active){border-style:solid;border-color:#000}.swatch-item .tooltip{display:none}@media(min-width:1025px){.swatch-item .tooltip{display:block;opacity:var(--opacity-0);visibility:hidden;pointer-events:none;color:#fff;background:#232323;padding:var(--padding-2xs);min-width:var(--size-40);margin:0 0 var(--margin-sm);border-radius:.2rem;transition:opacity ease .3s,transform ease .3s;font-size:var(--font-size--2xs);transform:translateY(.5rem)}.swatch-item .tooltip:before{content:"";position:absolute;bottom:-.4rem;left:1rem;height:0;width:0;border-top:.7rem solid #232323;border-left:.7rem solid transparent;border-right:.7rem solid transparent;transform:translate(-50%)}.swatch-item:hover .tooltip{opacity:var(--opacity-100);visibility:visible;transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-swatch.css.map */