#revieve-button{display:none!important}#revieve-overlay{z-index:10001!important}@-webkit-keyframes sfQOverlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes sfQOverlayFadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes sfQOverlayFadeOut{0%{opacity:1}to{opacity:0}}@keyframes sfQOverlayFadeOut{0%{opacity:1}to{opacity:0}}@-webkit-keyframes sfQDialogeScaleOut{0%{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:0 100%;transform-origin:0 100%}to{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:0 100%;transform-origin:0 100%}}@keyframes sfQDialogeScaleOut{0%{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:0 100%;transform-origin:0 100%}to{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:0 100%;transform-origin:0 100%}}@-webkit-keyframes sfQDialogeScaleIn{0%{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:0 100%;transform-origin:0 100%}to{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:0 100%;transform-origin:0 100%}}@keyframes sfQDialogeScaleIn{0%{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:0 100%;transform-origin:0 100%}to{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:0 100%;transform-origin:0 100%}}@-webkit-keyframes sfQDialogeSlideOut{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(15%);transform:translateY(15%)}}@keyframes sfQDialogeSlideOut{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(15%);transform:translateY(15%)}}@-webkit-keyframes sfQDialogeSlideIn{0%{-webkit-transform:translateY(-25%);transform:translateY(-25%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes sfQDialogeSlideIn{0%{-webkit-transform:translateY(-25%);transform:translateY(-25%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.shade-finder-quiz__modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:10001;background:rgba(0,0,0,.2);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);will-change:opacity}.shade-finder-quiz__modal-dialog{margin:0;padding:0;overflow:hidden;background-color:#333;width:100%;height:100%;will-change:transform}@media only screen and (min-width: 768px){.shade-finder-quiz__modal-dialog{width:90%;height:90%;-webkit-box-shadow:0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.2);box-shadow:0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f,0 8px 10px -5px #0003;max-width:1140px;max-height:800px;border-radius:0;border-radius:initial}}.shade-finder-quiz__modal[data-cart-loading=true] .shade-finder-quiz__product-button:not(.loading),.shade-finder-quiz__modal[data-cart-loading=true] .shade-finder-quiz__modal-inner-footer-button:not(.loading){pointer-events:none;opacity:.5}.shade-finder-quiz__modal[aria-hidden=true] .shade-finder-quiz__modal-overlay{-webkit-animation:sfQOverlayFadeOut .25s cubic-bezier(.4,0,1,1);animation:sfQOverlayFadeOut .25s cubic-bezier(.4,0,1,1)}.shade-finder-quiz__modal[aria-hidden=true] .shade-finder-quiz__modal-dialog{-webkit-animation:sfQDialogeScaleOut .25s cubic-bezier(.4,0,1,1);animation:sfQDialogeScaleOut .25s cubic-bezier(.4,0,1,1)}@media only screen and (min-width: 768px){.shade-finder-quiz__modal[aria-hidden=true] .shade-finder-quiz__modal-dialog{-webkit-animation:sfQDialogeSlideOut .25s cubic-bezier(.4,0,1,1);animation:sfQDialogeSlideOut .25s cubic-bezier(.4,0,1,1)}}.shade-finder-quiz__modal[aria-hidden=false] .shade-finder-quiz__modal-overlay{-webkit-animation:sfQOverlayFadeIn .3s cubic-bezier(0,0,.2,1);animation:sfQOverlayFadeIn .3s cubic-bezier(0,0,.2,1)}.shade-finder-quiz__modal[aria-hidden=false] .shade-finder-quiz__modal-dialog{-webkit-animation:sfQDialogeScaleIn .3s cubic-bezier(0,0,.2,1);animation:sfQDialogeScaleIn .3s cubic-bezier(0,0,.2,1)}@media only screen and (min-width: 768px){.shade-finder-quiz__modal[aria-hidden=false] .shade-finder-quiz__modal-dialog{-webkit-animation:sfQDialogeSlideIn .3s cubic-bezier(0,0,.2,1);animation:sfQDialogeSlideIn .3s cubic-bezier(0,0,.2,1)}}.shade-finder-quiz__modal-inner{position:relative;background-color:var(--white);width:100%;height:100%}.shade-finder-quiz__modal-inner-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;position:relative;background-color:transparent;color:#000418;height:40px;z-index:999}@media only screen and (min-width: 853px){.shade-finder-quiz__modal-inner-header{height:68px}}.shade-finder-quiz__modal-inner-header-left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:40px;padding:10px;gap:10px}@media only screen and (min-width: 853px){.shade-finder-quiz__modal-inner-header-left{height:68px;padding:20px}}.shade-finder-quiz__modal-inner-header-right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:40px;padding:10px}@media only screen and (min-width: 853px){.shade-finder-quiz__modal-inner-header-right{height:68px;padding:20px}}.shade-finder-quiz__modal-inner-header-button{width:30px;height:90%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}@media only screen and (min-width: 853px){.shade-finder-quiz__modal-inner-header-button{width:45.3333px}}.shade-finder-quiz__modal-inner-header-button-icon-wrapper{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.shade-finder-quiz__modal-inner-header-button-icon-wrapper svg{width:100%;height:100%}.shade-finder-quiz__modal-inner-header-button-icon-wrapper svg :not([vector-effect]){vector-effect:non-scaling-stroke}.shade-finder-quiz__modal-inner-header-logo{background-image:url(https://cdn.revieve.com/revieve-plugin-v4/partner/summerfridays/logos/logo2.svg);-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center center}.shade-finder-quiz__modal-inner-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:130px;width:100%;padding:20px 30px}@media only screen and (min-width: 853px){.shade-finder-quiz__modal-inner-footer{height:138px;padding:20px 30px}}.shade-finder-quiz__modal-inner-footer .btn.shade-finder-quiz__modal-inner-footer-button{width:100%;max-width:480px;border-radius:6px;min-height:58px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:8px;font-size:14px;letter-spacing:.7px}.shade-finder-quiz__modal-inner-body{width:100%;height:calc(100% - 170px);overflow-x:hidden;overflow-y:auto;padding:24px 26px}@media only screen and (min-width: 853px){.shade-finder-quiz__modal-inner-body{height:calc(100% - 206px)}}.shade-finder-quiz__groups{width:100%;max-width:840px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:32px}@media only screen and (min-width: 768px){.shade-finder-quiz__groups{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:75px}}.shade-finder-quiz__group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:18px}@media only screen and (min-width: 768px){.shade-finder-quiz__group{gap:30px}}@media only screen and (min-width: 768px){.shade-finder-quiz__group--match{-webkit-box-flex:0;-ms-flex:0 0 229px;flex:0 0 229px}}@media only screen and (min-width: 768px){.shade-finder-quiz__group--pairs{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%}}.shade-finder-quiz__group-title{font-size:22px;font-weight:450;line-height:1;letter-spacing:.01em}@media only screen and (min-width: 768px){.shade-finder-quiz__group-title{font-size:26px}}.shade-finder-quiz__products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-column-gap:26px;-webkit-column-gap:26px;-moz-column-gap:26px;column-gap:26px;grid-row-gap:26px;row-gap:26px}@media only screen and (min-width: 768px){.shade-finder-quiz__products{-webkit-column-gap:75px;-moz-column-gap:75px;column-gap:75px;row-gap:36px}}.shade-finder-quiz__group--match .shade-finder-quiz__products{grid-template-columns:minmax(0,240px)}@media only screen and (min-width: 768px){.shade-finder-quiz__group--match .shade-finder-quiz__products{grid-template-columns:minmax(0,1fr)}}.shade-finder-quiz__product-inner{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:10px}@media only screen and (min-width: 900px){.shade-finder-quiz__product-inner{gap:14px}}.shade-finder-quiz__product-top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.shade-finder-quiz__product-image{position:relative;width:100%;aspect-ratio:1/1;z-index:1;border-radius:3px;overflow:hidden}.shade-finder-quiz__product-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px;margin-top:8px}@media only screen and (min-width: 900px){.shade-finder-quiz__product-body{margin-top:12px}}.shade-finder-quiz__product-title{font-size:16px;font-style:normal;font-weight:450;line-height:20px;letter-spacing:.05em;text-transform:uppercase}@media only screen and (min-width: 900px){.shade-finder-quiz__product-title{font-size:18px;line-height:22px}}.shade-finder-quiz__product-shade{font-size:14px;font-style:normal;line-height:18px}@media only screen and (min-width: 900px){.shade-finder-quiz__product-shade{font-size:16px;line-height:20px}}.shade-finder-quiz__product-bottom{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:6px}@media only screen and (min-width: 900px){.shade-finder-quiz__product-bottom{gap:8px}}.shade-finder-quiz__restart-confirm-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px;background:rgba(0,0,0,.65);z-index:998}.shade-finder-quiz__restart-confirm-dialog{width:100%;max-width:472.5px;background-color:#fff;-webkit-box-shadow:rgba(0,0,0,.1) 0px 10px 10px;box-shadow:#0000001a 0 10px 10px;padding:21px;color:#000418;line-height:17.5px;font-size:17px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center}.shade-finder-quiz__restart-confirm-dialog-text+.shade-finder-quiz__restart-confirm-dialog-button,.shade-finder-quiz__restart-confirm-dialog-button+.shade-finder-quiz__restart-confirm-dialog-button{margin-top:17.5px}.shade-finder-quiz__restart-confirm-dialog-button{border-width:1px;border-style:solid;font-size:17px;font-weight:500;line-height:1.5;cursor:pointer;padding:16px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:7px;-webkit-transition:.12s;transition:.12s}.shade-finder-quiz__restart-confirm-dialog-button--primary{color:#fff;background-color:#000418;border-color:#000418}.shade-finder-quiz__restart-confirm-dialog-button--secondary{color:#000418;background-color:transparent;border-color:#000418}.shade-finder-quiz__results{width:100%;max-width:840px;margin:0 auto}.shade-finder-quiz__form-wrap{max-width:480px;margin:40px auto 0;padding-top:32px;border-top:1px solid rgba(0,4,24,.12)}@media only screen and (min-width: 768px){.shade-finder-quiz__form-wrap{margin-top:56px;padding-top:40px}}.shade-finder-quiz__form-content{margin-bottom:20px;text-align:center}.shade-finder-quiz__form.loading{opacity:.6;pointer-events:none}.shade-finder-quiz__form button[type=submit]{margin-top:4px}.shade-finder-quiz__form-message{margin-top:12px}