@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap);.fade-enter-active,.fade-leave-active{transition-duration:.3s;transition-property:opacity;transition-timing-function:ease}.fade-enter,.fade-leave-active{opacity:0}.slide-fade-enter-active{transition:all .2s ease}.slide-fade-leave-active{transition:all .2s cubic-bezier(1,.5,.8,1)}.slide-fade-enter,.slide-fade-leave-to{transform:scale(.98);opacity:0}@keyframes fadeIn{to{opacity:1}}@-webkit-keyframes fadeIn{to{opacity:1}}@keyframes fadeOut{0%{opacity:1}70%{opacity:1}90%{opacity:0}to{opacity:0}}@-webkit-keyframes fadeOut{0%{opacity:1}70%{opacity:1}90%{opacity:0}to{opacity:0}}@keyframes ripple{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(10)}}@-webkit-keyframes ripple{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(10)}}@keyframes lightBursts{10%{height:0%;bottom:80%}35%{height:20%;bottom:80%}0%,90%,to{height:0%;bottom:100%}}@-webkit-keyframes lightBursts{10%{height:0%;bottom:80%}35%{height:20%;bottom:80%}0%,90%,to{height:0%;bottom:100%}}@keyframes slideGridL{0%{margin-left:0}to{margin-left:85%}}@keyframes slideGridLSmall{0%{margin-left:20%}to{margin-left:85%}}@-webkit-keyframes slideGridL{0%{margin-left:0}to{margin-left:85%}}@-webkit-keyframes slideGridLSmall{0%{margin-left:20%}to{margin-left:85%}}@keyframes slideGridR{0%{margin-left:0}to{margin-left:-85%}}@keyframes slideGridRSmall{0%{margin-left:20%}to{margin-left:-45%}}@-webkit-keyframes slideGridR{0%{margin-left:0}to{margin-left:-85%}}@-webkit-keyframes slideGridRSmall{0%{margin-left:20%}to{margin-left:-45%}}@-webkit-keyframes slideBackL{0%{margin-left:85%}to{margin-left:0}}@keyframes slideBackL{0%{margin-left:85%}to{margin-left:0}}@-webkit-keyframes slideBackLSmall{0%{margin-left:85%}to{margin-left:20%}}@keyframes slideBackLSmall{0%{margin-left:85%}to{margin-left:20%}}@-webkit-keyframes slideBackR{0%{margin-left:-85%}to{margin-left:0}}@keyframes slideBackR{0%{margin-left:-85%}to{margin-left:0}}@-webkit-keyframes slideBackRSmall{0%{margin-left:-45%}to{margin-left:20%}}@keyframes slideBackRSmall{0%{margin-left:-45%}to{margin-left:20%}}.pulse{background:#000;box-shadow:0 0 0 0 #000;transform:scale(1);-webkit-animation:pulse-black 2s infinite;animation:pulse-black 2s infinite}@-webkit-keyframes pulse-black{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(0,0,0,.7)}70%{transform:scale(1);box-shadow:0 0 0 10px transparent}to{transform:scale(.95);box-shadow:0 0 0 0 transparent}}@keyframes pulse-black{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(0,0,0,.7)}70%{transform:scale(1);box-shadow:0 0 0 10px transparent}to{transform:scale(.95);box-shadow:0 0 0 0 transparent}}.pulse.white{background:#fff;box-shadow:0 0 0 1px #fff;-webkit-animation:pulse-white 2s infinite;animation:pulse-white 2s infinite}@-webkit-keyframes pulse-white{0%{transform:scale(1);border:1px solid #fff;box-shadow:0 0 0 0 hsla(0,0%,100%,.7)}70%{transform:scale(1.2);box-shadow:0 0 0 6px hsla(0,0%,100%,0);border:1px solid #fff}to{transform:scale(1);box-shadow:0 0 0 0 hsla(0,0%,100%,0);border:1px solid #fff}}@keyframes pulse-white{0%{transform:scale(1);border:1px solid #fff;box-shadow:0 0 0 0 hsla(0,0%,100%,.7)}70%{transform:scale(1.2);box-shadow:0 0 0 6px hsla(0,0%,100%,0);border:1px solid #fff}to{transform:scale(1);box-shadow:0 0 0 0 hsla(0,0%,100%,0);border:1px solid #fff}}.pulse.red{background:#ff5252;box-shadow:0 0 0 0 #ff5252;-webkit-animation:pulse-red 2s infinite;animation:pulse-red 2s infinite}@-webkit-keyframes pulse-red{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(255,82,82,.7)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(255,82,82,0)}to{transform:scale(.95);box-shadow:0 0 0 0 rgba(255,82,82,0)}}@keyframes pulse-red{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(255,82,82,.7)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(255,82,82,0)}to{transform:scale(.95);box-shadow:0 0 0 0 rgba(255,82,82,0)}}.pulse.orange{background:#ff793f;box-shadow:0 0 0 0 #ff793f;-webkit-animation:pulse-orange 2s infinite;animation:pulse-orange 2s infinite}@-webkit-keyframes pulse-orange{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(255,121,63,.7)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(255,121,63,0)}to{transform:scale(.95);box-shadow:0 0 0 0 rgba(255,121,63,0)}}@keyframes pulse-orange{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(255,121,63,.7)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(255,121,63,0)}to{transform:scale(.95);box-shadow:0 0 0 0 rgba(255,121,63,0)}}.pulse.yellow{background:#ffb142;box-shadow:0 0 0 0 #ffb142;-webkit-animation:pulse-yellow 2s infinite;animation:pulse-yellow 2s infinite}@-webkit-keyframes pulse-yellow{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(255,177,66,.7)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(255,177,66,0)}to{transform:scale(.95);box-shadow:0 0 0 0 rgba(255,177,66,0)}}@keyframes pulse-yellow{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(255,177,66,.7)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(255,177,66,0)}to{transform:scale(.95);box-shadow:0 0 0 0 rgba(255,177,66,0)}}.pulse.blue{background:#34ace0;box-shadow:0 0 0 0 #34ace0;-webkit-animation:pulse-blue 2s infinite;animation:pulse-blue 2s infinite}@-webkit-keyframes pulse-blue{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(52,172,224,.7)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(52,172,224,0)}to{transform:scale(.95);box-shadow:0 0 0 0 rgba(52,172,224,0)}}@keyframes pulse-blue{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(52,172,224,.7)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(52,172,224,0)}to{transform:scale(.95);box-shadow:0 0 0 0 rgba(52,172,224,0)}}.pulse.green{background:#33d9b2;box-shadow:0 0 0 0 #33d9b2;-webkit-animation:pulse-green 2s infinite;animation:pulse-green 2s infinite}@-webkit-keyframes pulse-green{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(51,217,178,.7)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(51,217,178,0)}to{transform:scale(.95);box-shadow:0 0 0 0 rgba(51,217,178,0)}}@keyframes pulse-green{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(51,217,178,.7)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(51,217,178,0)}to{transform:scale(.95);box-shadow:0 0 0 0 rgba(51,217,178,0)}}.pulse.purple{background:#8e44ad;box-shadow:0 0 0 0 #8e44ad;-webkit-animation:pulse-purple 2s infinite;animation:pulse-purple 2s infinite}@-webkit-keyframes pulse-purple{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(142,68,173,.7)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(142,68,173,0)}to{transform:scale(.95);box-shadow:0 0 0 0 rgba(142,68,173,0)}}@keyframes pulse-purple{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(142,68,173,.7)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(142,68,173,0)}to{transform:scale(.95);box-shadow:0 0 0 0 rgba(142,68,173,0)}}button{background-color:rgba(0,0,0,.2);border:0;border-radius:40px;width:100%;max-width:400px;padding:15px;font-size:14px;font-family:Open Sans,sans-serif;margin:30px auto 50px;cursor:pointer;overflow:hidden;position:relative;outline:0;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}button::-moz-focus-inner,button:active,button:focus{border:0!important;outline:0!important}@media(max-height:600px){button{margin:10px auto}}@media(min-width:768px){button{margin:20px 35px;max-width:330px}}button.white{color:#fff!important}button .ripple{width:50px;height:50px;top:50%;left:50%;background-color:#000;opacity:0;position:absolute;border-radius:100%;mix-blend-mode:overlay;-webkit-animation:ripple .3s ease-out forwards;animation:ripple .3s ease-out forwards}.popup{position:absolute;top:0;right:0;bottom:auto;left:0;background-color:#212e84;z-index:50;display:flex;align-items:center;margin-top:-100px}.popup.slideDown{margin-top:0;transition:.5s}.popup.hide{transition:.5s;margin-top:-100px;opacity:0}.popup p{color:#fff;font-size:12px;line-height:18px;width:calc(100% - 50px);padding:25px;margin:0}.popup svg{margin-right:25px;cursor:pointer;opacity:.6}*{box-sizing:border-box}:focus{outline:none}body{padding:0;margin:0;font-size:16px;min-width:320px;font-family:Open Sans,sans-serif}a{outline:0}#app{width:100%;transition:.5s}#app.cool,#app.light,#app.warm{color:#4a4a4a}#app.cool .back path,#app.light .back path,#app.warm .back path{fill:#4a4a4a}#app.cool .logo,#app.light .logo,#app.warm .logo{background-image:url(../img/bp-logo-dark.4c5dda8e.svg)}#app.cool button,#app.light button,#app.warm button{color:#4a4a4a}#app.dark,#app.dark button{color:#fff}#app.dark .back path,#app.dark .results__views path{fill:#fff}.main{width:100%;margin:auto;position:relative;overflow:hidden}.landing,.questions,.results{max-width:450px;margin:auto}@media(min-width:768px){.landing,.questions,.results{max-width:500px}}@media(min-width:768px){.landing,.questions{top:0;right:0;bottom:0;left:0;margin:auto;position:absolute;height:600px}}h1{font-size:26px;font-family:Open Sans,sans-serif;padding-top:5%;max-width:80%;line-height:1.3em}h1 sup{font-size:18px;line-height:0}@media screen and (min-width:321px){h1{font-size:28px}h1 sup{font-size:20px}}@media(min-width:768px){h1{max-width:100%;text-align:center;font-size:3rem}}.none{display:none}.opacity0{opacity:0}.inline-block{display:inline-block}.fadeIn{-webkit-animation:fadeIn .5s forwards;animation:fadeIn .5s forwards}.logo{width:135px;height:20px;background:url(../img/bp-logo.006a71e2.svg) no-repeat 50%;margin:20px auto 20px;z-index:30;position:relative;outline:0!important;cursor:pointer}@media(max-height:600px){.logo{margin:15px auto 20px}}@media(min-width:768px){.logo{margin:35px auto 35px;margin-left:5%}}.selected-color{cursor:pointer;position:absolute;top:auto;right:auto;bottom:25px;left:25px;margin:auto;height:75px;padding:15px 0;font-size:14px;text-align:left;width:300px;text-transform:capitalize;transition:bottom .2s ease-in-out}.selected-color.slided-up{bottom:100px}@media(min-width:768px){.selected-color{left:5%}}.selected-color span{text-transform:uppercase}.selected-color p{margin:0 0 5px}.like-this-color{cursor:pointer;position:absolute;top:auto;right:0;bottom:25px;left:0;background-color:#fff;color:#000;font-size:13px;height:75px;transition:max-height .2s ease-in-out;overflow-y:hidden;max-height:0}.like-this-color.visible{max-height:75px}.like-this-color .arrow-down{width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-top-width:15px;border-top-style:solid;position:absolute;right:50px;top:0;max-height:0}.like-this-color .text{padding:20px 25px}@media(min-width:768px){.like-this-color .text{padding-left:5%}}.back{position:fixed;cursor:pointer;padding:23px 25px;z-index:20;top:0;left:0}@media(min-width:768px){.back{padding:35px 25px}}@media(max-height:600px){.back{padding:18px 25px}}.back:active,.back:focus{outline:0!important}.landing{padding:0 25px 25px;overflow:hidden}@media(min-width:768px){.landing{text-align:center}}.landing__subtitle{font-size:12px;margin:40px auto}@media(min-width:768px){.landing__subtitle{margin:5% auto}}.landing__subtitle.slideup{margin:10% auto;transition:.5s}@media(max-height:600px){.landing__subtitle.slideup{margin:8% auto}}.landing__subtitle2{opacity:0;height:0;max-width:75%}@media(min-width:768px){.landing__subtitle2{max-width:100%}}.landing h1{padding-top:10%;max-width:70%}@media(max-height:600px){.landing h1{padding-top:3%;max-width:100%}}@media(min-width:768px){.landing h1{padding-top:3%;max-width:100%}}.landing button.slideup{margin:20px auto;transition:.5s}.questions{padding:0 25px 25px}@media(min-width:768px){.questions{text-align:center}}.questions h1{padding-top:0;min-height:85px}@media(min-width:768px){.questions h1{min-height:140px}}@media(max-height:600px){.questions h1{min-height:75px}}.questions button{opacity:0;transform:scale(.8)}.questions button.visible{opacity:1;transform:scale(1);transition:.5s;outline:0}.questions__number{font-weight:300;font-size:14px;margin-top:15%}@media(min-width:768px){.questions__number{margin-top:5%;text-align:center}}@media(max-height:600px){.questions__number{margin-top:8%}}.questions__items{display:flex;justify-content:space-evenly;flex-wrap:wrap;margin-top:10%;-webkit-tap-highlight-color:rgba(0,0,0,0)}.questions__item{cursor:pointer;display:inline-block;transition:.2s;flex:1 0 21%;margin:5px;min-height:130px;outline:0}.questions__item.no-name{min-height:80px}.questions__item:active,.questions__item:focus{outline:0}.questions__item .item__circle{width:64px;height:64px;border-radius:100%;background-repeat:no-repeat;background-position:50%;background-size:contain;margin:auto}.questions__item p{font-size:14px;text-align:center;text-transform:capitalize}.questions__item.active{scale:1.1;transition:.2s}.questions__item.active p{font-size:16px;font-family:Open Sans,sans-serif}.questions__item.active .item__circle{box-shadow:0 5px 10px rgba(0,0,0,.25);overflow:hidden;position:relative}.questions__item.active .item__circle:after{width:10px;height:10px;content:"";position:absolute;top:calc(50% - 5px);left:calc(50% - 5px);background-color:#000;border-radius:100%;mix-blend-mode:overlay;-webkit-animation:ripple .5s ease-out forwards;animation:ripple .5s ease-out forwards;opacity:.8}.questions__item.disabled{opacity:.6}.questions__item.one .item__circle{box-shadow:none;border-radius:0}.questions__item.one .item__circle:after{display:none}.questions__item.one.active p{color:#9bddce}.questions__item.one:first-of-type.active .item__circle{background-image:url(../img/home-icon-int-green.b3115202.svg)!important}.questions__item.one:nth-of-type(2).active .item__circle{background-image:url(../img/home-icon-ext-green.3e6e86ff.svg)!important}.mixing{right:0;height:100%;overflow:hidden}.mixing,.mixing__content{position:absolute;top:0;bottom:0;left:0;width:100%}.mixing__content{right:auto;height:150px;text-align:center;margin:auto}.mixing__content h1{max-width:100%;padding-top:0;margin:20px 0 5px 0}.mixing__content img{width:90px;height:90px}.mixing:after{content:"";display:block;left:0;top:0;width:100%;height:100%;z-index:11;transform:translateZ(0);position:absolute}.mixing .wave-container{width:100%;height:100%;-webkit-animation:slideUp 3s linear forwards;animation:slideUp 3s linear forwards;position:relative}.mixing .wave{position:absolute;left:50%;width:1000px;height:1000px;margin-left:-500px;transform-origin:50% 48%;border-radius:43%;-webkit-animation:drift 4s linear infinite;animation:drift 4s linear infinite}@media(min-width:768px){.mixing .wave{width:2000px;height:2000px;margin-left:-1000px}}@-webkit-keyframes drift{0%{transform:rotate(0deg)}0%{transform:rotate(1turn)}}@keyframes drift{0%{transform:rotate(0deg)}0%{transform:rotate(1turn)}}@-webkit-keyframes slideUp{0%{top:800px}to{top:-200px}}@keyframes slideUp{0%{top:800px}to{top:-200px}}.mixing .ding-icon{position:relative;width:100px;height:100px;text-align:center;margin:auto}.mixing ul.bursts{width:100px;height:100px;list-style-type:none;margin:0;padding:0;position:absolute;left:calc(50% - 1px);top:3%}.mixing ul.bursts li{width:3px;height:100%;background:transparent;position:absolute}.mixing ul.bursts li:after{width:3px;height:50%;content:"";background:#fff;position:absolute;bottom:50%;-webkit-animation:lightBursts 2s ease-in-out 0s forwards;animation:lightBursts 2s ease-in-out 0s forwards}.mixing ul.bursts li.deg0{transform:rotate(0deg)}.mixing ul.bursts li.deg36{transform:rotate(36deg)}.mixing ul.bursts li.deg72{transform:rotate(72deg)}.mixing ul.bursts li.deg108{transform:rotate(108deg)}.mixing ul.bursts li.deg144{transform:rotate(144deg)}.mixing ul.bursts li.deg180{transform:rotate(180deg)}.mixing ul.bursts li.deg216{transform:rotate(216deg)}.mixing ul.bursts li.deg252{transform:rotate(252deg)}.mixing ul.bursts li.deg288{transform:rotate(288deg)}.mixing ul.bursts li.deg324{transform:rotate(324deg)}.results{width:100%;height:100%;padding:80px 25px 25px}@media(min-width:768px){.results{float:left;padding:25px 5%}}.results .overlay{width:100%;height:0;position:absolute;top:86px;left:0;right:0;bottom:0;opacity:0;transition:opacity .2s ease-out}.results.bg-only .overlay{height:100%;opacity:1;z-index:51}.results__views{position:absolute;top:20px;right:25px;bottom:auto;left:auto;z-index:20}@media(max-height:600px){.results__views{position:absolute;top:15px;right:25px;bottom:auto;left:auto}}@media(min-width:768px){.results__views{position:absolute;top:30px;right:25px;bottom:auto;left:auto;right:5%}}.results__views svg{margin-left:15px;float:left;opacity:.2;cursor:pointer;position:relative;z-index:20;outline:0!important}.results__views svg path{fill:#000}.results__views svg.active{opacity:1}.results__views svg.icon-list{margin-top:4px}.results__headline{font-family:Open Sans,sans-serif;font-weight:lighter;font-size:14px}.results h1{margin:15px 0 0;padding-top:0;text-align:left}.results h2{font-size:28px;font-weight:300;margin:0 0 20px}.results__start-again{font-size:12px;clear:both}.results__start-again a{cursor:pointer;text-decoration:underline}.results__bottom{position:absolute;top:auto;right:25px;bottom:105px;left:25px;text-align:center}@media(min-width:768px){.results__bottom{right:auto;left:5%}}.results__bottom button{margin-bottom:5px;background-color:rgba(0,0,0,.5);color:#fff!important}@media(min-width:768px){.results__bottom button{width:310px;height:50px;margin:0}}.results__bottom p{font-size:12px;text-align:center}.results__bottom a{text-decoration:none}.results__complimentary-section{width:100%;height:90px;position:absolute;top:auto;right:auto;bottom:0;left:0}@media(min-width:768px){.results__complimentary-section{width:40%;height:100%;position:absolute;top:0;right:0;bottom:0;left:auto;margin-left:40%}}@media(min-width:992px){.results__complimentary-section{width:30%;height:100%;margin-left:30%}}.results__complimentary-section .results__complimentary{width:50%;height:100%;float:left;padding:25px;font-size:14px}.results__complimentary-section .results__complimentary:first-child{display:none;padding:15px 0;font-size:13px}@media(min-width:768px){.results__complimentary-section .results__complimentary{width:100%;height:33%}.results__complimentary-section .results__complimentary:first-child{display:flex;align-items:flex-end;width:100%;height:34%}.results__complimentary-section .results__complimentary:not(:first-child){cursor:pointer}}.results__complimentary-section .results__complimentary.light{color:#fff}.results__complimentary-section .results__complimentary.dark{color:#4a4a4a}.results-list{width:100%;height:calc(100% - 70px)}.results-list__start-again{font-size:12px;text-align:center;padding-bottom:5px}@media(min-width:768px){.results-list__start-again{position:fixed;text-align:left;top:0;left:0;padding:40px 240px}}.results-list__start-again a{font-weight:700;cursor:pointer;text-decoration:underline;clear:both}.results-list__content{width:100%;height:100%;display:flex;flex-flow:column;overflow-y:auto}@media(min-width:768px){.results-list__content{flex-wrap:wrap}}.results-list__item{padding:25px 25px 15px;box-shadow:inset 0 3px 6px rgba(0,0,0,.196269);cursor:pointer;flex:1 0 0;min-height:100px;display:flex;flex-direction:column;justify-content:center;font-size:14px}@media(min-width:768px){.results-list__item{flex:1 1 25%;padding:15px 5%}}.results-list__item.light{color:#fff}.results-list__item.dark{color:#4a4a4a}.results-list__item p{margin:5px 0 0}.results-list__item p:first-of-type{font-weight:700}.results-list__item span:first-of-type{font-size:.85em}.results-list .popular-message{margin-left:800px;transition:1s cubic-bezier(.39,.575,.565,1);box-sizing:border-box;height:16px;display:inline-block;min-width:500px}.results-list span.enter.popular-message{margin-left:0}.results-gallery{width:100%;height:100%;overflow:auto}.results-gallery__header{background-color:#fff;color:#4a4a4a;padding:15px 25px}@media(max-height:600px){.results-gallery__header{padding:5px 25px}}@media(min-width:768px){.results-gallery__header{padding:20px 5%;width:100%}}.results-gallery__header__headline{font-family:Open Sans,sans-serif;font-weight:lighter;margin-top:50px}.results-gallery__header h1{margin:15px 0 0;padding-top:0;text-align:left}@media(max-height:600px){.results-gallery__header h1{margin-top:0}}.results-gallery__header h2{font-size:28px;font-weight:300;margin:0}@media(max-height:600px){.results-gallery__header h2{margin-bottom:5px;margin-top:-5px}}.results-gallery .header__headline{font-size:14px}.results-gallery .zoom-container{overflow:hidden;position:relative;text-align:center}@media(min-width:768px){.results-gallery .zoom-container{margin-top:30px}}.results-gallery .pinch-zoom-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:115px;height:265px;margin:auto;background:url(../img/pinchtap.d898e5f1.svg);background-position:50%;background-size:contain;background-repeat:no-repeat;z-index:30;pointer-events:none}.results-gallery .pinch-zoom-overlay.fadeOut{-webkit-animation:fadeOut 2.5s forwards;animation:fadeOut 2.5s forwards}.results-gallery__grid{width:100%;height:100%;background-color:#000;position:relative;display:flex;max-width:414px;flex-wrap:wrap;flex-direction:column;z-index:1;margin:0 auto}@media(min-width:768px){.results-gallery__grid{max-width:350px;margin:auto}}@media(min-width:992px){.results-gallery__grid{max-width:480px}}.results-gallery__grid.left{-webkit-animation:slideGridL .5s forwards;animation:slideGridL .5s forwards}.results-gallery__grid.left.small{-webkit-animation:slideGridLSmall .5s forwards;animation:slideGridLSmall .5s forwards}.results-gallery__grid.centerFromL{-webkit-animation:slideBackR .5s forwards;animation:slideBackR .5s forwards}.results-gallery__grid.centerFromL.small{-webkit-animation:slideBackRSmall .5s forwards;animation:slideBackRSmall .5s forwards}.results-gallery__grid.right{-webkit-animation:slideGridR .5s forwards;animation:slideGridR .5s forwards}.results-gallery__grid.right.small{-webkit-animation:slideGridRSmall .5s forwards;animation:slideGridRSmall .5s forwards}.results-gallery__grid.centerFromR{-webkit-animation:slideBackL .5s forwards;animation:slideBackL .5s forwards}.results-gallery__grid.centerFromR.small{-webkit-animation:slideBackLSmall .5s forwards;animation:slideBackLSmall .5s forwards}.results-gallery__grid .grid__block{width:5%;position:relative;cursor:pointer;opacity:.7}.results-gallery__grid .grid__block.active{opacity:1;border:1px solid hsla(0,0%,100%,.6)}.results-gallery__grid .grid__block.active.primary{transform:scale(1);background:#fff;border:1px solid #fff;-webkit-animation:pulse-white 4s infinite;animation:pulse-white 4s infinite;-webkit-animation-delay:-4s;animation-delay:-4s;z-index:10}.results-gallery__grid.small{width:60%}.results-gallery__grid.small .grid__block{width:8.34%}.results-gallery__grid.all-visible .grid__block{opacity:1}.results-gallery__grid.greys,.results-gallery__grid.neutrals{width:225px;height:20px!important}@media(min-width:768px){.results-gallery__grid.greys,.results-gallery__grid.neutrals{width:171px;height:20px!important}}@media(min-width:992px){.results-gallery__grid.greys,.results-gallery__grid.neutrals{width:225px;height:20px!important}}.results-gallery__grid.small.greys,.results-gallery__grid.small.neutrals{width:125px;height:20px!important}@media(min-width:768px){.results-gallery__grid.small.greys,.results-gallery__grid.small.neutrals{width:125px;height:20px!important}}@media(min-width:992px){.results-gallery__grid.small.greys,.results-gallery__grid.small.neutrals{width:125px;height:20px!important}}.results-gallery__grid.small.colorbond,.results-gallery__grid.small.whites{width:125px;height:40px!important}@media(min-width:768px){.results-gallery__grid.small.colorbond,.results-gallery__grid.small.whites{width:125px;height:40px!important}}@media(min-width:992px){.results-gallery__grid.small.colorbond,.results-gallery__grid.small.whites{width:125px;height:40px!important}}.results-gallery__grid.colorbond,.results-gallery__grid.whites{width:225px;height:40px!important}@media(min-width:768px){.results-gallery__grid.colorbond,.results-gallery__grid.whites{width:171px;height:40px!important}}@media(min-width:992px){.results-gallery__grid.colorbond,.results-gallery__grid.whites{width:225px;height:40px!important}}.results-gallery__grid.colorbond .grid__block,.results-gallery__grid.greys .grid__block,.results-gallery__grid.neutrals .grid__block,.results-gallery__grid.whites .grid__block{width:25px;height:20px!important;float:left}@media(min-width:768px){.results-gallery__grid.colorbond .grid__block,.results-gallery__grid.greys .grid__block,.results-gallery__grid.neutrals .grid__block,.results-gallery__grid.whites .grid__block{width:25px;height:20px!important}}@media(min-width:992px){.results-gallery__grid.colorbond .grid__block,.results-gallery__grid.greys .grid__block,.results-gallery__grid.neutrals .grid__block,.results-gallery__grid.whites .grid__block{width:25px;height:20px!important}}.results-gallery .grid-left{position:absolute;top:0;right:auto;bottom:auto;left:25px;z-index:0}.results-gallery .grid-left.left{-webkit-animation:slideGridLeft .5s forwards;animation:slideGridLeft .5s forwards}.results-gallery .grid-right{position:absolute;top:0;right:25px;bottom:auto;left:auto;z-index:0}.results-gallery .grid-right.right{-webkit-animation:slideGridRight .5s forwards;animation:slideGridRight .5s forwards}@media(min-width:768px){.results-gallery .grid-left h3,.results-gallery .grid-right h3{margin-bottom:5px;font-weight:400;font-size:16px}}.results-gallery .complimentary{color:#000;display:flex;justify-content:space-between;z-index:20;text-align:center;width:100%;left:0;right:0;margin:15px 0 0;padding:0 30px}.results-gallery .complimentary .arrow{margin-left:0;cursor:pointer;display:flex;align-items:center}.results-gallery .complimentary .arrow img{height:15px;width:30px}.results-gallery .complimentary .arrow label{font-size:14px}.results-gallery .complimentary .arrow.hidden{visibility:hidden}.results-gallery .complimentary .arrow.slided{margin-left:-320px;transition:.4s}.results-gallery .complimentary .arrow.arrow-L img{margin-right:10px}.results-gallery .complimentary .arrow.arrow-R img{transform:scaleX(-1);margin-left:10px}.results-gallery .complimentary .arrow.arrow-R.slided{margin-left:180px;transition:.4s}.results-gallery .complimentary p{font-size:12px;line-height:16px}.one-more-thing button{opacity:1}.one-more-thing .question__items{display:flex;justify-content:space-evenly;flex-wrap:wrap;margin-top:10%;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative}.one-more-thing .question__item{cursor:pointer;display:inline-block;transition:.2s;flex:1 0 21%;margin:5px 0;min-height:80px;outline:0;position:relative}.one-more-thing .item__circle{width:64px;height:64px;border-radius:100%;background-repeat:no-repeat;background-position:50%;background-size:contain;margin:auto;z-index:10;position:absolute;left:50%;transform:translateX(-50%)}.one-more-thing .sheen__sheen-effect{width:64px;height:64px;border-radius:100%;overflow:hidden}.one-more-thing .low-sheen .sheen__sheen-effect{background:radial-gradient(circle at 15% 0,hsla(0,0%,100%,.255228) 0,hsla(0,0%,100%,0) 60%)}.one-more-thing .semi-gloss .sheen__sheen-effect{background:radial-gradient(ellipse at 15% 0,hsla(0,0%,100%,.55228) 0,hsla(0,0%,100%,0) 60%)}.one-more-thing .gloss .sheen__sheen-effect .layer-1{width:59px;height:58px;border-radius:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,.1) 47%,hsla(0,0%,100%,.3) 80%,hsla(0,0%,100%,.55228))}.one-more-thing .gloss .sheen__sheen-effect .layer-2{width:33px;height:20px;border-radius:100%;position:absolute;left:50%;margin-top:2px;transform:translateX(-50%);background:linear-gradient(hsla(0,0%,100%,.55228),hsla(0,0%,100%,0))}.one-more-thing .disabled{display:none}.one-more-thing .sheen__details{margin-top:10%;text-align:center}.one-more-thing .sheen__name{font-weight:700;margin-bottom:0}.one-more-thing .sheen__copy{font-weight:300;font-size:14px;margin-top:0}.one-more-thing .sheen__slider-background{width:100%;display:flex;position:absolute;left:45%;margin-top:30px;z-index:0}.one-more-thing .sheen__slider-dot,.one-more-thing .sheen__slider-line{background-color:#d5d5d5}.one-more-thing .sheen__slider-dot{width:9px;height:8px;border-radius:50px}.one-more-thing .sheen__slider-line{height:2px;width:100%;margin:3px 0}.one-more-thing .question__item:last-child .sheen__slider-line{display:none}#app .one-more-thing button.dark.sheen__button{color:#fff}#app .one-more-thing button.light.sheen__button{color:#4a4a4a}h3{font-size:15px;margin:10px 0 10px 0}h3:first-child{margin-top:0}.layer-3{width:120px;transform:rotate(20deg);margin-left:-27px}.shine{width:30px;height:70px;background:linear-gradient(270deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.3),hsla(0,0%,100%,0));transform:skew(-20deg);margin-left:-50px;transition:1s ease}.enter .shine{margin-left:100px}.active .gloss .layer-1,.active .gloss .layer-2{transform:rotate(20deg)}