sd-shade-finder-v3{display:block;background:var(--sf-bg);color:var(--sf-ink);font-family:inherit;font-size:16px;line-height:1.6}sd-shade-finder-v3 *,sd-shade-finder-v3 *:before,sd-shade-finder-v3 *:after{box-sizing:border-box}sd-shade-finder-v3 [hidden]{display:none!important}sd-shade-finder-v3 .sf-inner{max-width:1200px;margin:auto;padding:60px 32px}sd-shade-finder-v3 .sf-header{text-align:center;margin-bottom:35px}sd-shade-finder-v3 .sf-eyebrow{font-size:12px;letter-spacing:2px;font-weight:600;margin:0 0 12px}sd-shade-finder-v3 h2{font-family:Georgia,serif;font-size:clamp(36px,5vw,60px);line-height:1.12;font-weight:400;color:inherit;letter-spacing:-1px;margin:0 0 16px}sd-shade-finder-v3 h3{font-size:24px;line-height:1.4;font-weight:500;color:inherit;margin:28px 0 10px}sd-shade-finder-v3 h3:focus{outline:none}sd-shade-finder-v3 p{margin-top:0}sd-shade-finder-v3 .sf-progress{font-size:14px;max-width:620px;margin:0 auto 35px;text-align:center}sd-shade-finder-v3 progress{display:block;width:100%;height:6px;-webkit-appearance:none;appearance:none;border:0;border-radius:4px;overflow:hidden;background:#d9d9d0;margin-top:12px;accent-color:var(--sf-accent)}sd-shade-finder-v3 progress::-webkit-progress-bar{background:#d9d9d0}sd-shade-finder-v3 progress::-webkit-progress-value{background:var(--sf-accent)}sd-shade-finder-v3 progress::-moz-progress-bar{background:var(--sf-accent)}sd-shade-finder-v3 .sf-help{font-size:14px;line-height:1.65;margin-bottom:22px}sd-shade-finder-v3 .sf-grid{display:grid;gap:20px}sd-shade-finder-v3 .sf-three{grid-template-columns:repeat(3,minmax(0,1fr))}sd-shade-finder-v3 .sf-four{grid-template-columns:repeat(4,minmax(0,1fr))}sd-shade-finder-v3 button{font-family:inherit;letter-spacing:normal;text-transform:none;cursor:pointer;touch-action:manipulation}sd-shade-finder-v3 .sf-choice{display:flex;flex-direction:column;align-items:stretch;min-width:0;background:var(--sf-card);border:2px solid transparent;padding:0 0 15px;color:var(--sf-ink);text-align:left;border-radius:5px;overflow:hidden;box-shadow:none}sd-shade-finder-v3 .sf-choice:disabled{cursor:default}sd-shade-finder-v3 .sf-choice[aria-pressed=true]{border-color:var(--sf-accent);box-shadow:0 0 0 2px var(--sf-accent)}sd-shade-finder-v3 .sf-photo{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center}sd-shade-finder-v3 .sf-placeholder{display:flex;align-items:center;justify-content:center;aspect-ratio:4/5;background:#e7e4dc;font-size:16px;padding:24px;text-align:center}sd-shade-finder-v3 .sf-choice-name{font-size:17px;font-weight:600;padding:14px 16px 0}sd-shade-finder-v3 .sf-caption{font-size:14px;line-height:1.5;padding:5px 16px 0}sd-shade-finder-v3 .sf-question{border:0;border-bottom:1px solid #cccabd;padding:0 0 24px;margin:0 0 24px;min-width:0}sd-shade-finder-v3 legend{float:none;width:auto;padding:0;margin-bottom:14px;font-size:17px;font-weight:500}sd-shade-finder-v3 .sf-answers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}sd-shade-finder-v3 .sf-answer{background:var(--sf-card);border:1px solid #bebfaf;padding:14px 12px;min-height:50px;color:var(--sf-ink);font-size:14px;border-radius:4px;line-height:1.5}sd-shade-finder-v3 .sf-answer[aria-pressed=true]{outline:2px solid var(--sf-accent);border-color:var(--sf-accent);font-weight:600}sd-shade-finder-v3 .sf-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:30px}sd-shade-finder-v3 .sf-primary{display:inline-flex;align-items:center;justify-content:center;background:var(--sf-accent);color:#fff;border:0;padding:15px 28px;font-size:16px;border-radius:3px;text-decoration:none;min-height:50px;line-height:1.5}sd-shade-finder-v3 [data-sf-next]{margin-left:auto}sd-shade-finder-v3 .sf-primary:disabled{opacity:.45;cursor:not-allowed}sd-shade-finder-v3 .sf-text-button{border:0;background:transparent;color:inherit;padding:12px 0;font-size:14px;text-decoration:underline;min-height:44px}sd-shade-finder-v3 .sf-secondary{border:1px solid var(--sf-accent);padding:12px 18px;color:var(--sf-ink);background:transparent;border-radius:3px;font-size:14px;min-height:44px}sd-shade-finder-v3 button:focus-visible,sd-shade-finder-v3 a:focus-visible{outline:3px solid var(--sf-accent);outline-offset:5px}sd-shade-finder-v3 .sf-error{color:#8b2323;font-size:14px}sd-shade-finder-v3 .sf-empty,sd-shade-finder-v3 .sf-editor-note{padding:18px;background:var(--sf-card);font-size:14px}sd-shade-finder-v3 .sf-result{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;background:var(--sf-card);padding:30px}sd-shade-finder-v3 .sf-result-image img{width:100%;height:auto;aspect-ratio:4/5;display:block;object-fit:contain;background:#f3f2f0}sd-shade-finder-v3 .sf-result-circle,sd-shade-finder-v3 .sf-result-circle:empty{display:block!important;visibility:visible!important;opacity:1!important;width:24px;height:24px;min-height:24px;flex:0 0 24px;border-radius:50%;margin:0;line-height:0;border:1px solid rgba(0,0,0,.12)}sd-shade-finder-v3 .sf-result-code{font-size:18px;letter-spacing:1px;margin:0 4px 0 0}sd-shade-finder-v3 h4{font-family:inherit;color:inherit;font-size:26px;font-weight:500;line-height:1.25;margin:0 0 30px;overflow-wrap:anywhere}sd-shade-finder-v3 .sf-result-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin:20px 0}sd-shade-finder-v3 .sf-manual-copy{display:block;font-size:14px}sd-shade-finder-v3 textarea{display:block;width:100%;padding:12px;color:var(--sf-ink);font:inherit;background:var(--sf-card);border:1px solid #bebfaf}sd-shade-finder-v3 .sf-product-title{font-size:21px;line-height:1.35;margin:16px 0}sd-shade-finder-v3 .sf-shade-line{display:flex;align-items:center;gap:12px;margin:16px 0;font-size:18px}sd-shade-finder-v3 .sf-price{font-size:21px;margin:16px 0}sd-shade-finder-v3 .sf-product-link{display:flex;width:100%;margin-top:18px}sd-shade-finder-v3 .sf-result-copy{padding-top:28px}sd-shade-finder-v3 .sf-benefits{margin:24px 0;font-size:17px}sd-shade-finder-v3 .sf-benefits li{margin-bottom:14px}sd-shade-finder-v3 .sf-setup-note{color:#8b2323}@media(max-width:749px){sd-shade-finder-v3 .sf-inner{padding:38px 20px}sd-shade-finder-v3 .sf-grid{gap:12px}sd-shade-finder-v3 .sf-three,sd-shade-finder-v3 .sf-four{grid-template-columns:repeat(2,minmax(0,1fr))}sd-shade-finder-v3 .sf-answers{grid-template-columns:repeat(2,minmax(0,1fr))}sd-shade-finder-v3 .sf-choice-name{padding:12px 10px 0;font-size:16px}sd-shade-finder-v3 .sf-caption{padding:5px 10px 0;font-size:12px}sd-shade-finder-v3 .sf-result{grid-template-columns:minmax(0,1fr);gap:25px;padding:20px}sd-shade-finder-v3 .sf-result-image img{max-height:350px;object-fit:contain}sd-shade-finder-v3 h3{font-size:22px}sd-shade-finder-v3 .sf-result-copy{padding-top:0}}
/*# sourceMappingURL=/cdn/shop/t/28/compiled_assets/styles.css.map?subset=AAAAAQ */