.facets__disclosure[open],.facets__disclosure-vertical[open],.facets-wrapper:has(details[open]){z-index:4}.pi-facet-dot{--dot: #d8cfc8;position:relative;flex-shrink:0;width:1.8rem;height:1.8rem;margin:.1rem 1.4rem 0 0;border-radius:50%;background:var(--dot);box-shadow:inset 0 0 0 1px #1606461f;transition:box-shadow .15s ease,transform .15s ease}.facet-checkbox:has(.pi-facet-dot),.mobile-facets__label:has(.pi-facet-dot){align-items:center}.facet-checkbox:has(.pi-facet-dot){padding:.5rem 0}.facets__label:hover .pi-facet-dot{transform:scale(1.12)}.facets__label input:checked~.pi-facet-dot{box-shadow:inset 0 0 0 1px #1606461f,0 0 0 2px rgb(var(--color-background)),0 0 0 3.5px #160646}.facets__label input:checked~.facet-checkbox__text,.facets__label.active .facet-checkbox__text{font-weight:700}.facets__label input:focus-visible~.pi-facet-dot{outline:2px solid #160646;outline-offset:4px}.mobile-facets__label:has(.pi-facet-dot) .mobile-facets__highlight{display:none}.pi-facet-dot--pink{--dot: #ec8fb0}.pi-facet-dot--nudes-neutrals,.pi-facet-dot--nudes,.pi-facet-dot--neutrals{--dot: #dcb79c}.pi-facet-dot--red{--dot: #c81e2e}.pi-facet-dot--orange{--dot: #ee7a3a}.pi-facet-dot--yellow{--dot: #f3d04b}.pi-facet-dot--green{--dot: #3f9a5c}.pi-facet-dot--blue{--dot: #2f6cc8}.pi-facet-dot--purple{--dot: #8150b8}.pi-facet-dot--brown{--dot: #7a4a30}.pi-facet-dot--white{--dot: #ffffff;box-shadow:inset 0 0 0 1px #1606464d}.pi-facet-dot--gray,.pi-facet-dot--grey{--dot: #9b9a9f}.pi-facet-dot--black{--dot: #17151c}.pi-facet-dot--color.pi-facet-dot--metallic{--dot: linear-gradient(135deg, #f4f4f6 0%, #a7a9b0 35%, #eceef2 55%, #7f828b 80%, #d6d8de 100%)}.pi-facet-dot--finish{--berry: #b8325a}.pi-facet-dot--creme,.pi-facet-dot--cream{--dot: var(--berry)}.pi-facet-dot--sheer{--dot: radial-gradient(circle at 50% 50%, rgba(184, 50, 90, .38), rgba(184, 50, 90, .2))}.pi-facet-dot--jelly{--dot: radial-gradient(circle at 32% 28%, rgba(255, 255, 255, .85) 0 12%, transparent 26%), radial-gradient(circle at 50% 55%, rgba(184, 50, 90, .55), rgba(140, 20, 60, .85))}.pi-facet-dot--glitter,.pi-facet-dot--halo,.pi-facet-dot--glitters-holos{--dot: radial-gradient(circle, #fff 0 .45px, transparent .9px) 0 0 / 3.7px 4.3px, radial-gradient(circle, #ffe3ec 0 .4px, transparent .8px) 1.6px 2.1px / 4.9px 3.9px, radial-gradient(circle, #ffd27a 0 .35px, transparent .75px) 2.8px .9px / 5.7px 5.3px, linear-gradient(140deg, #d0466f, #8e1c44)}.pi-facet-dot--shimmer{--dot: linear-gradient(120deg, transparent 30%, rgba(255, 255, 255, .55) 48%, transparent 66%), var(--berry)}.pi-facet-dot--pearl{--dot: conic-gradient(from 200deg, #f6e9f0, #e6f0f6, #f8f1e2, #efe2f4, #f6e9f0)}.pi-facet-dot--metallic.pi-facet-dot--finish{--dot: linear-gradient(135deg, #f4f4f6 0%, #a7a9b0 35%, #eceef2 55%, #7f828b 80%, #d6d8de 100%)}.pi-facet-dot--chrome{--dot: linear-gradient(160deg, #ffffff 0%, #c9cbd1 30%, #5d6069 49%, #e7e8ec 52%, #9da0a8 78%, #ffffff 100%)}.pi-facet-dot--glazed{--dot: conic-gradient(from 90deg, rgba(255, 255, 255, .55), rgba(190, 220, 255, .45), rgba(255, 230, 245, .55), rgba(255, 255, 255, .55)), #e9a7bb}.pi-facet-dot--cat-eye{--dot: linear-gradient(115deg, transparent 32%, rgba(255, 214, 160, .95) 50%, transparent 68%), #2a1630}.pi-facet-dot--mood-change{--dot: linear-gradient(135deg, #b8325a 0 50%, #f2a65a 50% 100%)}.pi-facet-dot--holo,.pi-facet-dot--holographic{--dot: conic-gradient(#ff9ad5, #9ad1ff, #b6ffb0, #fff59a, #ffb39a, #ff9ad5)}@media(prefers-reduced-motion:reduce){.pi-facet-dot{transition:none}.facets__label:hover .pi-facet-dot{transform:none}}:root{--pi-ease-out: cubic-bezier(.2, .8, .2, 1);--pi-ease-pop: cubic-bezier(.3, 1.6, .5, 1);--pi-navy: #160646}.facets__label:has(.pi-facet-dot){border-radius:1rem;padding:.7rem 1rem!important;transition:background-color .15s ease}.facets__label:has(.pi-facet-dot):hover{background:#1606460a}.pi-facet-text{display:flex;align-items:baseline;flex:1;gap:1.2rem;min-width:0}.pi-facet-name{flex:1}.pi-facet-count{font-size:1.1rem;opacity:.55;font-variant-numeric:tabular-nums;letter-spacing:.02em}.pi-facet-dot{display:grid;place-items:center;transition:transform .25s var(--pi-ease-pop),box-shadow .2s ease}.pi-facet-dot__check{color:#fff;transform:scale(0);transition:transform .22s var(--pi-ease-pop)}.pi-facet-dot--white .pi-facet-dot__check,.pi-facet-dot--yellow .pi-facet-dot__check,.pi-facet-dot--nudes-neutrals .pi-facet-dot__check,.pi-facet-dot--pearl .pi-facet-dot__check,.pi-facet-dot--sheer .pi-facet-dot__check,.pi-facet-dot--glazed .pi-facet-dot__check,.pi-facet-dot--metallic .pi-facet-dot__check,.pi-facet-dot--chrome .pi-facet-dot__check{color:var(--pi-navy)}.facets__label input:checked~.pi-facet-dot .pi-facet-dot__check{transform:scale(1)}.facets__label:has(.pi-facet-dot):hover .pi-facet-dot{transform:scale(1.15)}.pi-facet-badge{display:inline-grid;place-items:center;min-width:1.8rem;height:1.8rem;padding:0 .5rem;margin-left:.8rem;border-radius:1rem;background:currentColor;color:inherit;font-size:1.1rem;line-height:1;vertical-align:.1rem;animation:pi-badge-pop .32s var(--pi-ease-pop) both}.pi-facet-badge:first-line{color:#fff}.facets__summary .pi-facet-badge{-webkit-text-fill-color:#fff}@keyframes pi-badge-pop{0%{transform:scale(0)}to{transform:scale(1)}}.facets__summary .icon-caret{transition:transform .25s var(--pi-ease-out)}@media screen and (min-width:768px){.facets__disclosure .facets__display:has(.pi-facet-dot){background-image:none;border:1px solid rgba(22,6,70,.1);border-radius:1.6rem;box-shadow:0 1.2rem 3.2rem #1606461a,0 .2rem .6rem #1606460d;padding:.8rem;width:28rem;top:calc(100% + 1rem)}.facets__disclosure .facets__display:has(.pi-facet-dot) .facets-wrap{padding:0}.facets__disclosure .facets__display:has(.pi-facet-dot) .facets__list{padding:0;margin:0}.facets__disclosure .facets__display:has(.pi-facet-dot) .facets__item{margin:0}.facets__disclosure .facets__display:has(.pi-facet-dot){display:flex;flex-direction:column}.facets__disclosure .facets__display:has(.pi-facet-dot) .facets__header{order:2;display:flex;justify-content:space-between;align-items:center;margin:.6rem .4rem 0;padding:1rem .6rem .4rem;border-top:1px solid rgba(22,6,70,.08);font-size:1.1rem}.facets__disclosure .facets__display:has(.pi-facet-dot) .facets__header .facets__selected{opacity:.6}.facets__disclosure[open] .facets__display:has(.pi-facet-dot){animation:pi-card-in .22s var(--pi-ease-out) both;transform-origin:top left}.facets__disclosure[open] .facets__display:has(.pi-facet-dot) .facets__item{animation:pi-row-in .26s var(--pi-ease-out) both;animation-delay:calc(var(--pi-i, 0) * 18ms + 40ms)}}@keyframes pi-card-in{0%{opacity:0;transform:translateY(-.6rem) scale(.98)}to{opacity:1;transform:none}}@keyframes pi-row-in{0%{opacity:0;transform:translateY(.4rem)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.pi-facet-badge,.facets__disclosure[open] .facets__display:has(.pi-facet-dot),.facets__disclosure[open] .facets__display:has(.pi-facet-dot) .facets__item{animation:none}.pi-facet-dot__check,.facets__summary .icon-caret{transition:none}}.facets__label .pi-facet-dot .pi-facet-dot__check{transform:scale(0)!important;fill:none!important;width:1.2rem!important;height:1.2rem!important;margin:0!important;position:static!important;visibility:visible!important;background:none!important}.facets__label .pi-facet-dot .pi-facet-dot__check path{fill:none!important;stroke:currentColor!important}.facets__label input:checked~.pi-facet-dot .pi-facet-dot__check{transform:scale(1)!important}@media screen and (max-width:767px){.facets__list:has(.pi-facet-dot){display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem .2rem;padding:.4rem 0 1.2rem}.facets__list:has(.pi-facet-dot) .facets__item{margin:0;min-width:0}.facets__label:has(.pi-facet-dot){flex-direction:column;align-items:center!important;justify-content:flex-start;gap:.6rem;padding:1rem .2rem .8rem!important;border-radius:1.2rem;text-align:center;transition:background-color .15s ease,transform .15s ease;-webkit-tap-highlight-color:transparent}.facets__label:has(.pi-facet-dot):active{transform:scale(.95)}.facets__label:has(.pi-facet-dot) .pi-facet-dot{width:3.4rem;height:3.4rem;margin:0}.facets__label:has(.pi-facet-dot):hover .pi-facet-dot{transform:none}.facets__label .pi-facet-dot .pi-facet-dot__check{width:1.6rem!important;height:1.6rem!important}.facets__label:has(.pi-facet-dot) .pi-facet-text{flex-direction:column;align-items:center;gap:.1rem;flex:none;width:100%}.facets__label:has(.pi-facet-dot) .pi-facet-name{font-size:1.15rem;line-height:1.3;overflow-wrap:anywhere}.facets__label:has(.pi-facet-dot) .pi-facet-count{font-size:1rem}.facets__label:has(.pi-facet-dot) input[type=checkbox]{top:0;left:0;width:100%;height:100%;opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/227/assets/pi-facet-dots.css.map */