#revieve-button{display:none!important}#revieve-overlay{z-index:10001!important}@keyframes sfQOverlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes sfQOverlayFadeOut{0%{opacity:1}to{opacity:0}}@keyframes sfQDialogeScaleOut{0%{transform-origin:0 100%;transform:scaleY(1)}to{transform-origin:0 100%;transform:scaleY(0)}}@keyframes sfQDialogeScaleIn{0%{transform-origin:0 100%;transform:scaleY(0)}to{transform-origin:0 100%;transform:scaleY(1)}}@keyframes sfQDialogeSlideOut{0%{transform:translateY(0)}to{transform:translateY(15%)}}@keyframes sfQDialogeSlideIn{0%{transform:translateY(-25%)}to{transform:translateY(0)}}.shade-finder-quiz__modal-overlay{z-index:10001;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);will-change:opacity;background:#0003;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.shade-finder-quiz__modal-dialog{will-change:transform;background-color:#333;width:100%;height:100%;margin:0;padding:0;overflow:hidden}@media only screen and (width>=768px){.shade-finder-quiz__modal-dialog{border-radius:unset;width:90%;max-width:1140px;height:90%;max-height:800px;box-shadow:0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f,0 8px 10px -5px #0003}}.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{animation:.25s cubic-bezier(.4,0,1,1) sfQOverlayFadeOut}.shade-finder-quiz__modal[aria-hidden=true] .shade-finder-quiz__modal-dialog{animation:.25s cubic-bezier(.4,0,1,1) sfQDialogeScaleOut}@media only screen and (width>=768px){.shade-finder-quiz__modal[aria-hidden=true] .shade-finder-quiz__modal-dialog{animation:.25s cubic-bezier(.4,0,1,1) sfQDialogeSlideOut}}.shade-finder-quiz__modal[aria-hidden=false] .shade-finder-quiz__modal-overlay{animation:.3s cubic-bezier(0,0,.2,1) sfQOverlayFadeIn}.shade-finder-quiz__modal[aria-hidden=false] .shade-finder-quiz__modal-dialog{animation:.3s cubic-bezier(0,0,.2,1) sfQDialogeScaleIn}@media only screen and (width>=768px){.shade-finder-quiz__modal[aria-hidden=false] .shade-finder-quiz__modal-dialog{animation:.3s cubic-bezier(0,0,.2,1) sfQDialogeSlideIn}}.shade-finder-quiz__modal-inner{background-color:var(--white);width:100%;height:100%;position:relative}.shade-finder-quiz__modal-inner-header{color:#000418;z-index:999;background-color:#0000;align-items:center;width:100%;height:40px;display:flex;position:relative}@media only screen and (width>=853px){.shade-finder-quiz__modal-inner-header{height:68px}}.shade-finder-quiz__modal-inner-header-left{flex:1;align-items:center;gap:10px;height:40px;padding:10px;display:flex}@media only screen and (width>=853px){.shade-finder-quiz__modal-inner-header-left{height:68px;padding:20px}}.shade-finder-quiz__modal-inner-header-right{align-items:center;height:40px;padding:10px;display:flex}@media only screen and (width>=853px){.shade-finder-quiz__modal-inner-header-right{height:68px;padding:20px}}.shade-finder-quiz__modal-inner-header-button{cursor:pointer;justify-content:center;align-items:center;width:30px;height:90%;display:flex}@media only screen and (width>=853px){.shade-finder-quiz__modal-inner-header-button{width:45.3333px}}.shade-finder-quiz__modal-inner-header-button-icon-wrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.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);background-position:50%;background-repeat:no-repeat;background-size:contain;flex:1;height:100%}.shade-finder-quiz__modal-inner-footer{justify-content:center;align-items:center;width:100%;height:130px;padding:20px 30px;display:flex}@media only screen and (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{letter-spacing:.7px;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;max-width:480px;min-height:58px;font-size:14px;display:flex}.shade-finder-quiz__modal-inner-body{width:100%;height:calc(100% - 170px);padding:24px 26px;overflow:hidden auto}@media only screen and (width>=853px){.shade-finder-quiz__modal-inner-body{height:calc(100% - 206px)}}.shade-finder-quiz__groups{flex-direction:column;gap:32px;width:100%;max-width:840px;margin:0 auto;display:flex}@media only screen and (width>=768px){.shade-finder-quiz__groups{flex-direction:row;align-items:flex-start;gap:75px}}.shade-finder-quiz__group{flex-direction:column;gap:18px;display:flex}@media only screen and (width>=768px){.shade-finder-quiz__group{gap:30px}.shade-finder-quiz__group--match{flex:0 0 229px}.shade-finder-quiz__group--pairs{flex:1}}.shade-finder-quiz__group-title{letter-spacing:.01em;font-size:22px;font-weight:450;line-height:1}@media only screen and (width>=768px){.shade-finder-quiz__group-title{font-size:26px}}.shade-finder-quiz__products{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;display:grid}@media only screen and (width>=768px){.shade-finder-quiz__products{gap:36px 75px}}.shade-finder-quiz__group--match .shade-finder-quiz__products{grid-template-columns:minmax(0,240px)}@media only screen and (width>=768px){.shade-finder-quiz__group--match .shade-finder-quiz__products{grid-template-columns:minmax(0,1fr)}}.shade-finder-quiz__product-inner{flex-direction:column;justify-content:space-between;gap:10px;width:100%;height:100%;display:flex}@media only screen and (width>=900px){.shade-finder-quiz__product-inner{gap:14px}}.shade-finder-quiz__product-top{flex-direction:column;display:flex}.shade-finder-quiz__product-image{aspect-ratio:1;z-index:1;border-radius:3px;width:100%;position:relative;overflow:hidden}.shade-finder-quiz__product-body{flex-direction:column;gap:4px;margin-top:8px;display:flex}@media only screen and (width>=900px){.shade-finder-quiz__product-body{margin-top:12px}}.shade-finder-quiz__product-title{letter-spacing:.05em;text-transform:uppercase;font-size:16px;font-style:normal;font-weight:450;line-height:20px}@media only screen and (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 (width>=900px){.shade-finder-quiz__product-shade{font-size:16px;line-height:20px}}.shade-finder-quiz__product-bottom{flex-direction:column;gap:6px;display:flex}@media only screen and (width>=900px){.shade-finder-quiz__product-bottom{gap:8px}}.shade-finder-quiz__restart-confirm-overlay{z-index:998;background:#000000a6;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.shade-finder-quiz__restart-confirm-dialog{color:#000418;text-align:center;background-color:#fff;flex-direction:column;width:100%;max-width:472.5px;padding:21px;font-size:17px;line-height:17.5px;display:flex;box-shadow:0 10px 10px #0000001a}.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{cursor:pointer;border-style:solid;border-width:1px;justify-content:center;align-items:center;gap:7px;width:100%;padding:16px;font-size:17px;font-weight:500;line-height:1.5;transition:all .12s;display:flex}.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:#0000;border-color:#000418}.shade-finder-quiz__results{width:100%;max-width:840px;margin:0 auto}.shade-finder-quiz__form-wrap{border-top:1px solid #0004181f;max-width:480px;margin:40px auto 0;padding-top:32px}@media only screen and (width>=768px){.shade-finder-quiz__form-wrap{margin-top:56px;padding-top:40px}}.shade-finder-quiz__form-content{text-align:center;margin-bottom:20px}.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}
