#chat-button{bottom:105px!important;transition:bottom .45s ease-in-out!important}.quiz-result #chat-button{bottom:50px!important}@media screen and (min-width: 768px){#chat-button{bottom:60px!important}}@media screen and (max-width: 768px){.kl-teaser-SnaA2Z{width:100%!important;margin:0!important}}.shade-finder-app{position:relative;width:100vw;min-height:90vh}.shade-finder-app .sf-main-menu-title{font-size:10vw}@media screen and (min-width: 768px){.shade-finder-app .sf-main-menu-title{font-size:3.5rem}}.shade-finder-app .app-content{position:relative}.shade-finder-app .entering{transition:opacity .4s ease;transition-delay:.4s;opacity:1}.shade-finder-app .exiting{opacity:0;transition:opacity .4s ease}.shade-finder-app .fade{transition:opacity .4s ease;will-change:opacity}.shade-finder-app .visible{opacity:1}.shade-finder-app .hidden{opacity:0}.shade-finder-app .stepTitle,.shade-finder-app .stepSubtitle{text-align:center;margin:0;text-transform:uppercase}.shade-finder-app .stepTitle{font-size:3em}.shade-finder-app .stepSubtitle{font-size:1.5em}@media screen and (min-width: 768px){.shade-finder-app .stepTitle{margin-top:50px;font-size:5rem}.shade-finder-app .stepSubtitle{font-size:2rem}}.shade-finder-app .shadeFamilyContainer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin-top:3.5%;margin-bottom:100px}.shade-finder-app .shadeFamilyButton{display:flex;flex-wrap:wrap;flex:1 1 51%;max-width:90%;justify-content:space-between;padding:10px 10px 20px;cursor:pointer}@media screen and (min-width: 768px){.shade-finder-app .shadeFamilyButton{max-width:500px}}@media screen and (min-width: 768px){.shade-finder-app .shadeFamilyButton.brow{padding:10px 80px 20px}}.shade-finder-app .shadeFamilyImage{aspect-ratio:596/724;opacity:0}.shade-finder-app .navButtonContainer{display:flex;width:100%;justify-content:center;position:fixed;bottom:50px;background-color:#fff}@media screen and (min-width: 768px){.shade-finder-app .navButtonContainer{bottom:25px;width:fit-content;margin-left:50%;transform:translate(-50%)}}.shade-finder-app .navButton{padding:11px 50px;background-color:#000;color:#fff;font-size:1.5rem;width:300px;text-align:center;text-transform:uppercase;font-weight:bolder;cursor:pointer}@media screen and (min-width: 768px){.shade-finder-app .navButton{padding:20px 50px}.shade-finder-app .navButton:first-of-type{margin-right:10px}.shade-finder-app .navButton:last-of-type{margin-left:10px}}.shade-finder-app .shade-finder__review,.shade-finder-app .shade-finder__review-section-title,.shade-finder-app .shade-finder__review-section-subtitle{border-bottom:1px solid rgba(0,0,0,.2);padding:20px 0;display:flex;text-align:left}.shade-finder-app .shade-finder__review-section-title{border:none;margin:0;padding-bottom:0}.shade-finder-app .shade-finder__review:first-child{margin-top:20px}@media screen and (max-width: 768px){.shade-finder-app .shade-finder__review{flex-direction:column}}.shade-finder-app .shade-finder__review-header{padding:5px;display:flex;flex-direction:column;min-width:200px}@media screen and (max-width: 768px){.shade-finder-app .shade-finder__review-header{flex-direction:row}}.shade-finder-app .shade-finder__review-author{padding:5px}.shade-finder-app .shade-finder__verified{margin-top:10px}.shade-finder-app .shade-finder__verified svg{width:20px;vertical-align:middle}.shade-finder-app .shade-finder__review-rating{padding:0;margin-bottom:10px}.shade-finder-app .shade-finder__review-rating svg{width:20px;vertical-align:middle;color:gold}.shade-finder-app .shade-finder__review-stars{display:flex;width:fit-content}.shade-finder-app .shade-finder__review-content{padding:10px;display:flex;flex-direction:column}.shade-finder-app .shade-finder__review-title{font-size:20px;font-weight:700;margin-bottom:10px}.shade-finder-app .shade-finder__review-body{font-size:16px}.shade-finder-app .shade-finder__review-star-rating{display:flex;width:100%;height:40px;justify-content:center}.shade-finder-app .shade-finder__review-star-rating svg{width:40px;height:40px}.shade-finder-app .familyButton{display:flex;flex-direction:column;flex-wrap:wrap;gap:5px;padding:10px 20px 20px;margin:0 10px;flex:1 0 25%;min-width:200px;max-width:300px;transition:all .5s ease;cursor:pointer}
/*# sourceMappingURL=/cdn/shop/t/377/assets/shade-finder-app.css.map */