.swan-facets__tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2.2rem .6rem;margin:.6rem 0 0;padding:0}.swan-facets__tiles .mobile-facets__item{padding:0}.swan-facets .swan-facets__tile{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.9rem;padding:0;text-align:center;cursor:pointer;font-size:1.1rem;font-weight:400;letter-spacing:0;text-transform:none}.swan-facets__tile-icon{position:relative;width:5.2rem;height:5.2rem;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 .1rem #14263f14;color:var(--swan-ink, #14263f);display:flex;align-items:center;justify-content:center;flex:0 0 auto;overflow:visible}.swan-facets__tile-icon .facets__image{width:5.2rem;height:5.2rem;object-fit:cover;border-radius:50%;display:block}.swan-facets__tile-icon:after{content:"";position:absolute;top:-.4rem;right:-.4rem;bottom:-.4rem;left:-.4rem;border-radius:50%;border:.1rem solid transparent;transition:border-color .15s ease;pointer-events:none}.swan-facets__tile:hover .swan-facets__tile-icon:after{border-color:#14263f4d}.swan-facets .swan-facets__tile.active .swan-facets__tile-icon:after{border-color:var(--swan-accent)}.swan-facets__tile input:focus-visible+.swan-facets__tile-icon:after{border-color:var(--swan-ink);border-width:.2rem}.swan-facets__tile--metal .swan-facets__tile-icon{background:none;box-shadow:none}.swan-metal{display:block;width:5.2rem;height:5.2rem;border-radius:50%;border:.1rem solid rgba(20,38,63,.14)}.swan-metal--yellow{background:linear-gradient(30deg,#c9a02c,#f6e6b0 52% 60%,#c9a02c)}.swan-metal--rose{background:linear-gradient(30deg,#bf7d6b,#f6dbd1 52% 60%,#bf7d6b)}.swan-metal--white{background:linear-gradient(30deg,#b6b9bb,#fbfcfc 52% 60%,#b6b9bb)}.swan-metal--platinum{background:linear-gradient(30deg,#a5aaae,#f3f5f6 52% 60%,#a5aaae)}.swan-metal--silver{background:linear-gradient(30deg,#adb1b3,#f7f8f8 52% 60%,#adb1b3)}.swan-facets .swan-facets__tile-label{display:block;font-size:1.15rem!important;line-height:1.3;letter-spacing:.02em!important;text-transform:none!important;font-weight:400!important;color:var(--swan-muted);max-width:8.5rem}.swan-facets .swan-facets__tile.active .swan-facets__tile-label{font-weight:600!important;color:var(--swan-ink)}.swan-facets .swan-facets__tile.disabled{opacity:.35;cursor:not-allowed}@media(prefers-reduced-motion:reduce){.swan-facets__tile-icon:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-facets-swan-tiles.css.map */