.shopify-section--shade-finder .section-spacing{padding-top:1rem}.shade-finder{gap:2.5rem}.shade-finder__content{position:relative}.shade-finder__top{margin-bottom:2.375rem}.shade-finder__header{display:flex;flex-direction:column;gap:2rem}.shade-finder__titles{display:grid;gap:.75rem;justify-items:center;text-align:center}.shade-finder__subheading{letter-spacing:.08em;text-transform:uppercase;font-size:.75rem}.shade-finder__heading{margin:0}.shade-finder__intro{margin-top:.25rem}.shade-finder__progress{display:flex;align-items:stretch;font-size:.75rem;border:1px solid rgba(0,0,0,.12);border-radius:4px;overflow:hidden;background-color:#fff}.shade-finder__progress-step{flex:1 1 0;display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center;column-gap:.6rem;color:rgb(var(--color-foreground-secondary, 107, 107, 107));padding:.75rem 1.5rem}.shade-finder__progress-circle{width:2.25rem;height:2.25rem;border-radius:50%;border:1px solid currentColor;display:inline-flex;align-items:center;justify-content:center;background-color:transparent}.shade-finder__progress-number{font-size:.75rem;letter-spacing:.08em}.shade-finder__progress-label{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.shade-finder__progress-connector{height:1px;background-color:#0000001f}.shade-finder__progress-step.is-active{color:rgb(var(--button-background))}.shade-finder__progress-step.is-complete{color:rgb(var(--color-foreground, 0, 0, 0))}.shade-finder__progress-step.is-complete .shade-finder__progress-circle{background-color:rgb(var(--color-foreground, 0, 0, 0));border-color:rgb(var(--color-foreground, 0, 0, 0))}.shade-finder__progress-step.is-complete .shade-finder__progress-number{display:none}.shade-finder__progress-step.is-complete .shade-finder__progress-circle:before{content:"";width:.4rem;height:.8rem;border-right:2px solid #ffffff;border-bottom:2px solid #ffffff;transform:rotate(45deg) translate(-12.5%) translateY(-12.5%)}.shade-finder__progress-arrow{display:flex;align-items:stretch;width:16px;min-width:16px;background-repeat:no-repeat;background-position:center;background-size:16px 72px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='72' viewBox='0 0 16 72' fill='none'%3E%3Cpath d='M0.460938 0.192322L15.4609 36.1923L0.460938 71.6923' stroke='%23CFD6DC' stroke-linejoin='round'/%3E%3C/svg%3E")}.shade-finder__progress-text{display:grid;gap:.1rem}.shade-finder__progress-step-label{text-transform:uppercase}.shade-finder__progress-title{font-size:.8rem;letter-spacing:.06em;text-transform:none}.shade-finder__products-grid{display:grid;gap:1.75rem}@media(min-width:1024px){.shade-finder__products-grid{gap:3.75rem;grid-template-columns:repeat(var(--shade-grid-columns, 4),minmax(0,1fr))}.shade-finder__header{gap:4.125rem}}.shade-finder__product-card{display:grid;grid-template-rows:auto 1fr;gap:1.25rem;cursor:pointer}.shade-finder__product-image{max-height:100%;width:100%}.shade-finder__product-card-image{aspect-ratio:411 / 479;object-fit:cover}.shade-finder__product-image--placeholder{font-size:.75rem}.shade-finder__product-body{display:grid;gap:.75rem}.shade-finder__product-title{margin:0}.shade-finder__product-description{font-size:.85rem;color:rgb(var(--color-foreground-secondary, 107, 107, 107))}.shade-finder__product-actions{width:100%}.shade-finder__product-button{width:100%;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.shade-finder__product-actions .banner[data-shade-finder-restricted-error=true]{width:100%;margin-top:10px}.shade-finder__back-button{margin-bottom:1.5rem;align-self:flex-start;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;border:none;background:none;padding:0;cursor:pointer;color:rgb(var(--color-foreground-secondary, 107, 107, 107));display:flex;justify-content:flex-start;align-items:center;gap:.5rem}@media(min-width:700px){.shade-finder__back-button{position:absolute;top:-4rem;left:0}}.shade-finder__back-button:hover{color:rgb(var(--color-foreground, 0, 0, 0))}@media(max-width:699px){.shade-finder__progress{font-size:.65rem;border-radius:6px}.shade-finder__progress-step{padding:.55rem .7rem;column-gap:.4rem;grid-template-columns:2.05rem minmax(0,1fr)}.shade-finder__progress-circle{width:2.05rem;height:2.05rem}.shade-finder__progress-number,.shade-finder__progress-step-label{font-size:.65rem}.shade-finder__progress-text{min-width:0}.shade-finder__progress-title{font-size:.72rem;letter-spacing:.04em;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.shade-finder__progress-arrow{width:12px;min-width:12px;background-size:12px 72px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/shade-finder.css.map */