.find-your-shade{padding-top:var(--fys-pt, 64px);padding-bottom:var(--fys-pb, 80px);background:#fff;color:#111}.find-your-shade__inner{display:flex;flex-direction:column;align-items:center}.find-your-shade__heading{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:clamp(1.75rem,4vw,3rem);line-height:1.05;letter-spacing:-.01em;text-align:center;margin:0 0 2.5rem;color:inherit}.find-your-shade__form{width:100%;display:flex;flex-direction:column;align-items:center;gap:2.5rem}.find-your-shade__panels{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;align-items:end}.find-your-shade__panel{display:flex;flex-direction:column;align-items:center;gap:1rem}.find-your-shade__panel-image{width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:12px;background:#0000000a}.find-your-shade__panel-image img{width:100%;height:100%;object-fit:cover;display:block}.find-your-shade__panel-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.find-your-shade__panel-placeholder svg{width:35%;height:35%;fill:#00000026}.find-your-shade__panel-label{font-family:var(--font-heading-family);font-weight:600;font-size:1.25rem;letter-spacing:-.01em;color:inherit;margin:0;text-align:center}.find-your-shade__required{color:#111}.find-your-shade__select{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;max-width:280px;padding:.85rem 3rem .85rem 1.5rem;background-color:#d9e74e;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23111'%3E%3Cpath d='M5.5 8l4.5 4.5L14.5 8'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:16px;color:#111;border:none;border-radius:6px;font-family:var(--font-body-family, inherit);font-size:1rem;font-weight:500;cursor:pointer;transition:filter .12s ease}.find-your-shade__select:hover{filter:brightness(.97)}.find-your-shade__select:focus-visible{outline:2px solid #111111;outline-offset:2px}.find-your-shade__cta-row{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:1rem}.find-your-shade__match-btn,.find-your-shade__shop-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:16rem;padding:1rem 3rem;border-radius:999px;font-family:var(--font-heading-family);font-weight:600;font-size:.95rem;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:transform .12s ease,background-color .12s ease,box-shadow .12s ease}.find-your-shade__match-btn:before,.find-your-shade__match-btn:after,.find-your-shade__shop-btn:before,.find-your-shade__shop-btn:after{display:none}.find-your-shade__match-btn{background:#e85a2c;color:#fff;border:none;box-shadow:0 10px 24px -10px #e85a2c99}.find-your-shade__match-btn:hover{background:#d44d22}.find-your-shade__match-btn:active{transform:translateY(1px) scale(.99)}.find-your-shade__shop-btn{background:transparent;color:#111;border:1.5px solid #111111}.find-your-shade__shop-btn:hover{background:#111;color:#fff}.find-your-shade__result{width:100%;padding-top:3rem;text-align:center}.find-your-shade__result-heading{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:clamp(1.5rem,3vw,2.25rem);margin:0 0 1.5rem;color:inherit}.find-your-shade__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;max-width:900px;margin:0 auto}.find-your-shade__card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.75rem 1rem;background:#fafaf7;border-radius:12px}.find-your-shade__swatch{width:72px;height:72px;border-radius:999px;box-shadow:0 4px 12px -6px #00000040;margin-bottom:.5rem}.find-your-shade__card-image{width:100%;max-width:180px;aspect-ratio:1 / 1;overflow:hidden;border-radius:12px;background:#fff;box-shadow:0 8px 24px -14px #0003;margin-bottom:.5rem}.find-your-shade__card-image img{width:100%;height:100%;object-fit:cover;display:block}.find-your-shade__color-chip{display:inline-block;width:18px;height:18px;border-radius:999px;box-shadow:0 2px 6px -2px #0000004d;margin:.25rem 0}.find-your-shade__card-name{font-family:var(--font-heading-family);font-weight:600;font-size:1.125rem;margin:0;color:inherit}.find-your-shade__card-desc{font-size:.9rem;line-height:1.45;margin:0;color:#111111bf}.find-your-shade__shop-shade,.find-your-shade__add-btn{display:inline-flex;align-items:center;justify-content:center;margin-top:.75rem;min-height:2.5rem;padding:0 1.25rem;background:#e85a2c;color:#fff;border:none;border-radius:999px;font-family:var(--font-heading-family);font-weight:600;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;cursor:pointer;box-shadow:0 6px 16px -10px #e85a2c8c;transition:background-color .2s ease,transform .2s ease}.find-your-shade__shop-shade:before,.find-your-shade__shop-shade:after,.find-your-shade__add-btn:before,.find-your-shade__add-btn:after{display:none}.find-your-shade__shop-shade:hover,.find-your-shade__add-btn:hover:not(:disabled){background:#d44d22}.find-your-shade__add-btn:active:not(:disabled){transform:translateY(1px) scale(.99)}.find-your-shade__add-btn.added{background:#3ec05c}.find-your-shade__add-btn:disabled{cursor:progress;opacity:.85}.find-your-shade__details-link{display:inline-block;margin-top:.5rem;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:inherit;opacity:.6;text-decoration:none}.find-your-shade__details-link:hover{opacity:1;text-decoration:underline;text-underline-offset:3px}.find-your-shade__no-match{font-size:1rem;color:#111111b3}@media(max-width:749px){.find-your-shade__panels{grid-template-columns:1fr;gap:2rem}.find-your-shade__panel-image{aspect-ratio:1 / 1}.find-your-shade__select{max-width:none}.find-your-shade__match-btn,.find-your-shade__shop-btn{width:100%;min-width:0}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/section-shade-finder.css.map */