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