.perplexo-shades{padding:4.8rem 0 5.6rem;background:#fbf6f2}.perplexo-shades__header{max-width:62rem;margin:0 auto 3.2rem;text-align:center}.perplexo-shades__eyebrow{margin:0 0 1rem;color:#c45b78;font-family:Plus Jakarta Sans,Outfit,system-ui,sans-serif!important;font-size:1.2rem!important;font-weight:700;letter-spacing:.16em;line-height:1.3!important;text-transform:uppercase}.perplexo-shades__heading{margin:0;color:#1c1630;font-family:Plus Jakarta Sans,Outfit,system-ui,sans-serif!important;font-size:4.4rem;font-weight:800;letter-spacing:-.03em;line-height:1.1}.perplexo-shades__sub{margin:1.2rem 0 0;color:#3d3644;font-family:Plus Jakarta Sans,Outfit,system-ui,sans-serif!important;font-size:1.6rem!important;font-weight:500;line-height:1.45!important}.perplexo-shades__row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1.2rem}.perplexo-shades__card{display:flex;flex-direction:column;align-items:center;min-height:100%;padding:.8rem .8rem 1.4rem;border:1.5px solid #f0e4e2;border-radius:1.6rem;background:#fffdfb;color:inherit;text-align:center;text-decoration:none;transition:border-color .2s ease,box-shadow .2s ease}.perplexo-shades__card:hover{border-color:#e4c4cc}.perplexo-shades__card.is-selected{border:2px solid #c43d72;box-shadow:0 0 0 1px #c43d72}.perplexo-shades__media{position:relative;display:block;width:100%;margin-bottom:1.8rem;overflow:visible;border-radius:1.2rem}.perplexo-shades__media img,.perplexo-shades__fallback{display:block;width:100%;aspect-ratio:3 / 4;object-fit:cover;object-position:50% 18%;border-radius:1.2rem}.perplexo-shades__dot{position:absolute;bottom:0;left:50%;width:2.2rem;height:2.2rem;border:3px solid #fff;border-radius:50%;box-shadow:0 1px 4px #2814181f;transform:translate(-50%,50%)}.perplexo-shades__name,.perplexo-shades__note,.perplexo-shades__popular{display:block;font-family:Plus Jakarta Sans,Outfit,system-ui,sans-serif!important}.perplexo-shades__name{color:#1c1630;font-size:1.35rem!important;font-weight:800;line-height:1.25!important}.perplexo-shades__note{margin-top:.35rem;color:#6d6572;font-size:1.2rem!important;font-weight:500;line-height:1.35!important}.perplexo-shades__popular{margin-top:.7rem;color:#c43d72;font-size:1.05rem!important;font-weight:800;letter-spacing:.08em;line-height:1.2!important;text-transform:uppercase}@media screen and (max-width:989px){.perplexo-shades__row{display:flex;gap:1rem;overflow-x:auto;padding-bottom:.6rem;scroll-snap-type:x mandatory}.perplexo-shades__card{flex:0 0 16rem;scroll-snap-align:start}.perplexo-shades__heading{font-size:3.4rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/perplexo-shade-match.css.map */