@import"https://fonts.googleapis.com/css2?family=Afacad:ital,wght@0,400..700;1,400..700&display=swap";.shade-finder{min-height:80vh;margin:90px 0;text-align:center}.shade-finder h1.page-title{color:#000;text-align:center;font-family:Harmonia Sans Pro Cyr;font-size:48px;font-style:normal;font-weight:700;line-height:normal;margin:0 0 30px}.page-subcopy{color:#000;text-align:center;font-family:Harmonia Sans Pro Cyr;font-size:24px;font-style:normal;font-weight:400;line-height:normal;margin:0 0 61px}.tones-container{width:100%;padding:0 40px;display:grid;grid-template-columns:repeat(4,1fr)}.skin-tones-container{display:flex;flex-wrap:wrap;justify-content:center;flex-direction:column}.tone-block{width:100%;max-height:auto;display:flex;flex-direction:column;gap:38px;border:1px solid transparent;cursor:pointer;padding:26px;transition:all .3s ease}.tone-block img{width:100%}.tone-block:hover{border:1px solid black;background:#75757521}.tone-block.active{border:1px solid #000;background:#75757521}.tone-block.active .tone-checkbox{background:#000}img.tone-image{width:100%;height:auto;margin-bottom:10px}.tone-details{display:flex}div.tone-checkbox{display:block;border:2px solid black;width:20px;height:20px}.tone-name{margin-left:5px;color:var(--charcoal, #2D2A38);font-family:Harmonia Sans Pro Cyr;font-size:20px;font-style:normal;font-weight:400;line-height:1;letter-spacing:.6px;text-transform:uppercase}.hidden{display:none}.product-cards-container{margin:0 auto}.product-cards-container.hidden{display:none}.product-cards-container .product-wrapper h5{font-family:Afacad;font-size:24px;font-weight:700;line-height:32px;text-align:center;text-decoration-skip-ink:none;margin:0}.product-cards--desktop{display:grid;justify-content:center;grid-template-columns:repeat(4,1fr);gap:1rem}#addOnsProductContainer .product-cards--desktop{grid-template-columns:repeat(3,1fr);margin-top:5rem}.product-card{display:flex;flex-direction:column}.product-name{max-width:309px;font-family:Afacad;font-size:24px;font-weight:700;line-height:32px;text-align:center;text-decoration-skip-ink:none}.product-card-image-container{display:flex;overflow:hidden;width:100%;height:100%;position:relative}.product-card a{height:400px}.product-card img.product-image{position:absolute;object-fit:contain;object-position:center bottom;width:100%;height:100%}.product-card-footer{display:flex;align-items:center;flex-direction:column;gap:1rem}.product-card-footer-details{display:flex;flex-direction:column;width:59%}.product-card-footer-details p{font-family:Afacad;font-size:24px;font-weight:400;line-height:27px;text-decoration-skip-ink:none;text-align:center}.product-card-variants{width:100%;height:auto;display:flex;gap:10px;align-items:center;justify-content:center;margin:1rem 0}.product-card-variants-item{display:flex;flex-direction:column;gap:.5rem;cursor:pointer;width:80px;height:80px}.product-card-variants-item-image-container{width:50px;height:50px;position:relative;margin:auto}.product-card-variants-item-image{appearance:none;-webkit-appearance:none;margin:0;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;position:relative;display:inline-block;cursor:pointer;transition:border var(--duration-short) ease;border-radius:50%}.product-card-variants-item-image:checked:after{content:"";position:absolute;top:50%;left:50%;width:4.5rem;height:4.5rem;border-radius:100%;border:1px solid var(--color-base-background-1);transform:translate(-50%,-50%)}.product-card-variants-item image.selected{border:red 1px solid}.product-card-variants-item p{font-family:Afacad;font-size:16px;font-weight:400;line-height:27px;text-align:center;text-underline-position:from-font;text-decoration-skip-ink:none}.product-card-next-btn{width:250px;height:56px;border:1px solid #000000;opacity:0px;border-radius:100px;font-family:Afacad;font-size:24px;font-weight:700;line-height:32px;text-align:center;text-decoration-skip-ink:none;margin:300px 15px 200px;cursor:pointer}.product-card-next-btn.hidden{display:none}.product-card-back-btn{width:209px;height:56px;border:1px solid #000000;opacity:0px;border-radius:100px;font-family:Afacad;font-size:24px;font-weight:700;line-height:32px;text-align:center;text-decoration-skip-ink:none;margin:300px 15px 200px;cursor:pointer}.product-card-back-btn.hidden{display:none}.shade-finder-btn-container{width:35%;margin:auto;height:auto;display:flex}.product-cards--mobile{display:flex;flex-direction:column;width:300px;margin:auto;position:relative}.product-card-slider{position:absolute;bottom:0;left:0;right:0;display:flex;padding:15px 5px;justify-content:space-between;height:56px;align-items:center}.product-cards--mobile{display:none}.add-ons-product{max-width:1174px;margin:auto}.add-ons-product .product-wrapper h5{margin:0;text-align:start;padding:1rem;font-family:Afacad;font-size:24px;font-weight:700;line-height:32px;text-decoration-skip-ink:none}.add-ons-product .devider{border-top:1px solid #000000;width:100%;height:1px;display:block}.add-ons-product .product-card{padding:.5rem;position:relative}.add-ons-product .product-card.selected{border:1px solid var(--color-base-text);border-radius:15px}.product-card-sold-out-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0006;display:flex;align-items:center;justify-content:center;font-family:Afacad;font-size:24px;font-weight:700;line-height:32px;text-align:center;text-decoration-skip-ink:none;z-index:20;border-radius:15px}.product-card-sold-out-overlay p{height:100px;width:100px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px}.add-ons-product .product-card .product-card-image-container{height:400px}.add-ons-product .product-card img.product-image{height:100%}@media screen and (max-width: 1024px){.tones-container,.product-cards--desktop{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 640px){.tones-container{grid-template-columns:repeat(1,1fr)}.product-cards-container,.add-ons-product{padding:0 5rem}.product-cards--desktop{grid-template-columns:repeat(1,1fr);padding:0 5rem}#addOnsProductContainer .product-cards--desktop{margin-top:60px;grid-template-columns:repeat(1,1fr)}.add-ons-product .devider{border-top:1px solid #000000;width:100%;height:1px;display:block}.shade-finder-btn-container{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/404/assets/shade-finder.css.map */