.sfp[hidden]{display:none!important}.sfp{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999980}.sfp__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0c0c0c73}.sfp__overlay:empty{display:block}.sfp__dialog{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;max-height:calc(100% - 32px);overflow:auto;background:#fff;color:#0c0c0c;box-shadow:0 16px 48px #0000002e;padding:24px 20px;display:flex;flex-direction:column;gap:12px;text-align:center}.sfp__close{position:absolute;top:12px;right:12px;width:40px;height:40px;border:0;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#0c0c0c}.sfp__eyebrow{margin:0 40px 8px 0;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.sfp__heading{font-weight:700;font-size:20px;line-height:36px;color:#000;text-align:lcenter;font-family:brandon-grotesque,sans-serif;text-transform:uppercase;letter-spacing:1px;margin-top:25px}.sfp__copy{margin:0;font-size:14px;line-height:1.4;color:#333}.sfp__shade{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px;padding:12px;border:1px solid rgba(12,12,12,.15)}.sfp__swatch{width:48px;height:48px;border-radius:50%;border:1px solid rgba(12,12,12,.15);flex-shrink:0;background-size:cover;background-position:center}.sfp__shade-copy{min-width:0}.sfp__shade-name{margin:0 0 4px;font-size:16px;font-weight:700;line-height:1.25}.sfp__shade-desc{margin:0;font-size:14px;font-weight:400;line-height:1.35;color:#555}.sfp__shade-desc:empty{display:none}.sfp__cta{margin:0!important}body.sfp-open{overflow:hidden}#shade-finder-popup button[data-sfp-find-shade]{background-color:#000;color:#fff;font-family:brandon-grotesque,sans-serif;font-size:14px;font-weight:700;padding:14px 16px;border-width:medium;border-style:none;border-color:initial;border-image:initial;border-radius:0;text-transform:uppercase;cursor:pointer;letter-spacing:1px;transition:background-color .2s;width:100%;box-sizing:border-box;margin-bottom:10px}#shade-finder-popup button[data-sfp-no-button]{background-color:#efe2d5;color:#000;font-family:brandon-grotesque,sans-serif;font-size:14px;font-weight:600;padding:12px 16px;border-width:medium;border-style:none;border-color:initial;border-image:initial;border-radius:0;text-transform:uppercase;cursor:pointer;letter-spacing:.5px;transition:opacity .2s;width:100%;box-sizing:border-box}html.sfp-hide-hue .hue-quiz-modal,html.sfp-hide-hue .hue-app-quiz-modal,html.sfp-hide-hue [class*=hue-quiz-modal],html.sfp-hide-hue [class*=hue-app-quiz],html.sfp-hide-hue #hue-widget-loader,body.sfp-open .hue-quiz-modal,body.sfp-open .hue-app-quiz-modal,body.sfp-open [class*=hue-quiz-modal],body.sfp-open #hue-widget-loader{display:none!important}@media screen and (max-width:749px){.sfp__dialog{top:50%;left:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);width:calc(100% - 32px);max-height:calc(100% - 32px);padding:24px 20px}.sfp__heading{font-size:18px;line-height:30px}}
/*# sourceMappingURL=/cdn/shop/t/594/assets/shade-finder-popup.css.map */