.sf-app{background-color:var(--ps-bg, #fdf5f8);min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;overflow-x:hidden;font-family:Avenir Book,sans-serif}.sf-step{display:none;height:100vh;height:100dvh;flex-direction:column;width:100%;position:relative}.sf-step.active{display:flex}.hidden{display:none!important}.sf-hero{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.sf-hero img{width:100%;height:100%;object-fit:cover}.sf-hero-overlay{position:relative;z-index:10;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:4rem 2rem 3rem;text-align:center}.align-top{justify-content:flex-start}.align-left{text-align:left;align-items:flex-start}.sf-title-lg{font-family:EightiesComebackIt,serif;font-size:3.2rem;line-height:1;text-transform:uppercase;margin-bottom:1rem;color:#2f2f2f}.italic-o{font-family:EightiesComebackIt,serif;font-style:italic;display:inline-block}.sf-text-body{font-size:1.2rem;line-height:1.4;color:#2f2f2f;max-width:85%;margin:0 auto}.sf-instruction-list{list-style:none;padding:0;margin-top:2rem;text-align:left;max-width:70%}.sf-instruction-list li{position:relative;padding-left:3.5rem;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.3}.sf-instruction-list li:before{content:attr(data-step);position:absolute;left:0;top:-5px;width:2.2rem;height:2.2rem;background-color:#ff7cd7;color:#fff;border-radius:50%;text-align:center;line-height:2.2rem;font-family:EightiesComebackIt,serif;font-size:1.2rem}.sf-btn-pink{display:block;width:100%;background:#ff7cd7;color:#000;border:none;padding:18px;text-align:center;text-transform:uppercase;font-family:Avenir Heavy,sans-serif;font-weight:900;font-size:1rem;letter-spacing:.1em;cursor:pointer;text-decoration:none;margin-top:auto;border-radius:80px}.sf-btn-pink:active{opacity:.9;transform:scale(.98)}.sf-btn-grey{background:#e5e5e5;color:#999;pointer-events:none;width:100%;padding:18px;border:none;text-transform:uppercase;font-family:Avenir Heavy,sans-serif;font-weight:900;letter-spacing:.1em;border-radius:4px}.sf-btn-grey[data-active=true]{background:#000;color:#fff;pointer-events:auto;cursor:pointer}.sf-container-white{background:#fff;height:100%;padding:4rem 2rem;display:flex;flex-direction:column;justify-content:center;text-align:center}.sf-checkbox{display:flex;gap:1rem;align-items:flex-start;text-align:left;margin-bottom:1.5rem;cursor:pointer}.sf-checkbox input{width:24px;height:24px;accent-color:#ff7cd7;flex-shrink:0;margin-top:2px}.sf-checkbox span{font-size:.95rem;line-height:1.4;color:#555}.sf-card{background:#fff;border:1px solid #ddd;text-align:left;margin:2rem 0}.sf-card img{width:100%;mix-blend-mode:multiply}.sf-card-body{padding:1.5rem}.sf-reason{background:#fdf5f8;border-left:4px solid #ff7cd7;padding:1rem;margin-top:1rem}.sf-spinner{width:50px;height:50px;border:4px solid #eee;border-top-color:#000;border-radius:50%;animation:sf-spin 1s linear infinite;margin:0 auto 2rem}@keyframes sf-spin{to{transform:rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/shade-finder.css.map */