.Link{color:var(--black);text-decoration:none}.ResultHeader{margin-top:120px;width:100%;text-align:center}@media (min-width: 48em){.ResultHeader{margin-top:40px}@media (min-height: 768px){.ResultHeader{height:0}.ResultHeader img{-webkit-transform:translateY(calc(-100% - 50px));transform:translateY(calc(-100% - 50px))}}}.ResultHeader{--logo-height: 30px}.ResultHeader img{width:80px;height:var(--logo-height);margin-bottom:50px}.ColorResult{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-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;-webkit-box-flex:1;-ms-flex:1;flex:1;min-height:100svh}@media (min-height: 870px){.ColorResult{min-height:80svh}}.ColorResult .circle{width:220px;height:220px;border-radius:50%;border:21px solid white;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-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:currentColor}:is(.ColorResult .circle) h3,:is(.ColorResult .circle) p{margin:0;padding-inline:1rem}:is(.ColorResult .circle) h3{margin-bottom:5px}:is(.ColorResult .circle) .personalization{margin-top:5px}.ColorResult .arrow-link{margin-top:4px;margin-bottom:20px;padding:20px;background:none;border:none;cursor:pointer;font:inherit}:is(.ColorResult .arrow-link) .arrow{width:16px;-webkit-animation:bounce 2s var(--easeInOutExpo) infinite 2s;animation:bounce 2s var(--easeInOutExpo) infinite 2s}@-webkit-keyframes bounce{0%,40%{-webkit-transform:translateY(0);transform:translateY(0)}20%{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes bounce{0%,40%{-webkit-transform:translateY(0);transform:translateY(0)}20%{-webkit-transform:translateY(100%);transform:translateY(100%)}}.EmailForm{position:fixed;bottom:40px;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:5px;width:100%;z-index:10;padding-inline:25px;color:inherit}.EmailForm .success-message{position:absolute;bottom:0;background-color:#fff3;color:#fff;border-radius:60px;padding:1rem 2.5rem;height:60px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);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;font-weight:600}.EmailForm .input-container{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;max-width:300px;border-radius:60px;overflow:clip;border:2px solid transparent;-webkit-transition:border-color .3s ease-out;transition:border-color .3s ease-out}.failed:is(.EmailForm .input-container){border:2px solid #fc4365}.EmailForm .input-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.EmailForm input{width:100%;-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;z-index:1;background-color:#fff3;text-align:center;border:none;border-radius:60px;padding:1rem 1.5rem;height:60px;color:inherit;outline:none;font-size:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-transition:background-color .2s ease-out;transition:background-color .2s ease-out}:is(.EmailForm input):focus-visible{background-color:#fff3!important}@media (hover: hover){:is(.EmailForm input):hover{background-color:#fff3!important}}:is(.EmailForm input)::-moz-placeholder{color:var(--placeholderColor);text-align:center;font-size:inherit}:is(.EmailForm input)::-webkit-input-placeholder{color:var(--placeholderColor);text-align:center;font-size:inherit}:is(.EmailForm input):-ms-input-placeholder{color:var(--placeholderColor);text-align:center;font-size:inherit}:is(.EmailForm input)::-ms-input-placeholder{color:var(--placeholderColor);text-align:center;font-size:inherit}:is(.EmailForm input)::placeholder{color:var(--placeholderColor);text-align:center;font-size:inherit}.EmailForm button{background-color:#ffffff4d;border:none;border-radius:50%;width:60px;height:60px;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;cursor:pointer;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);-webkit-transition:background-color .2s ease-out;transition:background-color .2s ease-out}:is(.EmailForm button):focus-visible{background-color:#fff3!important}@media (hover: hover){:is(.EmailForm button):hover{background-color:#fff3!important}}.EmailForm .arrow{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);width:16px;height:16px;color:currentColor}.ResultColorSuggestions{position:relative;z-index:1}.ResultColorSuggestions>div{background-color:var(--white);padding:50px 30px 100px;margin-bottom:50px;color:var(--black-text);border-radius:50px;grid-column:2 / -2;text-align:center}@media (min-width: 62em){.ResultColorSuggestions>div{grid-column:5 / -5}}:is(:is(.ResultColorSuggestions>div) .trailing-dot):after{content:"";display:block;height:7px;width:7px;background-color:currentColor;border-radius:50%;margin:20px auto}:is(.ResultColorSuggestions>div) .color-category{margin-block:50px;max-width:330px;margin-inline:auto}:is(:is(.ResultColorSuggestions>div) .color-category) svg{width:100%;height:100%}:is(:is(.ResultColorSuggestions>div) .color-category) h2{margin-block:45px}:is(:is(.ResultColorSuggestions>div) .color-category) .complimentary-color-display{position:relative;margin-bottom:20px}:is(:is(:is(.ResultColorSuggestions>div) .color-category) .complimentary-color-display):before{content:"";height:26px;width:26px;background-color:currentColor;border-radius:50%;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}:is(:is(:is(.ResultColorSuggestions>div) .color-category) .complimentary-color-display) p{color:var(--dark-grey);margin-left:46.5%;text-align:left}:is(:is(:is(:is(.ResultColorSuggestions>div) .color-category) .complimentary-color-display) p):last-child{color:var(--light-grey)}:is(:is(:is(.ResultColorSuggestions>div) .color-category) .complimentary-color-display):last-child{margin-bottom:50px}.ResultFold{color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;z-index:1;min-height:100svh}.ResultFold:after{content:"";background-image:-webkit-gradient(linear,left bottom,left top,color-stop(25%,var(--bg-color)),to(transparent));background-image:linear-gradient(to top,var(--bg-color) 25%,transparent);width:100%;height:100%;position:absolute;top:0;left:0;pointer-events:none;z-index:-1;opacity:1;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out}@media (min-height: 870px){.ResultFold{margin-bottom:-20svh}}.ResultReason{text-align:center;padding-bottom:140px;scroll-margin-top:50px;margin-top:-1px;padding-top:1px;position:relative;z-index:1}@media (min-width: 62em){.ResultReason{scroll-margin-top:200px}}.ResultReason .title-wrapper{grid-column:2 / -2}@media (min-width: 62em){.ResultReason .title-wrapper{grid-column:6 / 10}}.ResultReason .text{margin:0;text-align:left;grid-column:2 / -2;max-width:36rem;margin-inline:auto;text-wrap:pretty}@media (min-width: 62em){.ResultReason .text{grid-column:5 / 11;padding-inline:2.5rem}}.ResultCampaignOuting{text-align:center;padding-bottom:140px;scroll-margin-top:50px}@media (min-width: 62em){.ResultCampaignOuting{scroll-margin-top:200px}}.ResultCampaignOuting .trailing-dot{grid-column:1/-1;margin-bottom:50px}:is(.ResultCampaignOuting .trailing-dot):after{content:"";display:block;height:7px;width:7px;background-color:currentColor;border-radius:50%;margin:20px auto}.ResultCampaignOuting .title-wrapper{grid-column:2 / -2;margin-bottom:100px}@media (min-width: 62em){.ResultCampaignOuting .title-wrapper{grid-column:6 / 10}}.ResultCampaignOuting h2{margin:0}.ResultCampaignOuting .text,.ResultCampaignOuting a{margin:100px 0 0;text-align:left;grid-column:3 / -2;position:relative}@media (min-width: 62em){.ResultCampaignOuting .text,.ResultCampaignOuting a{grid-column:6 / 11;padding-inline:2.5rem}}.ResultCampaignOuting .text:before{content:"“";position:absolute;width:100%;-webkit-transform:translateX(calc(-25% + 12px));transform:translate(calc(-25% + 12px));line-height:1;vertical-align:top;margin-right:10px;color:currentColor}@media (min-width: 62em){.ResultCampaignOuting .text:before{font-size:6rem}}.ResultCampaignOuting a{font-weight:700;text-decoration:none;--background-color: white;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px;margin-top:36px;---background-hover-color: rgba(255, 255, 255, .5)}:is(.ResultCampaignOuting a) svg{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);height:40px;width:40px;padding:15px;border-radius:50%;background-color:var(--background-color);-webkit-transition:background-color .3s var(--easeOutExpo);transition:background-color .3s var(--easeOutExpo)}:is(.ResultCampaignOuting a):focus-visible svg{background-color:var(--background-hover-color)}@media (hover: hover){:is(.ResultCampaignOuting a):hover svg{background-color:var(--background-hover-color)}}.ResultCampaignOuting img{border-radius:50px;grid-column:2 / -2;width:100%;height:100%}@media (min-width: 62em){.ResultCampaignOuting img{grid-column:5 / 11}}.ResultShareSection{text-align:center;padding-bottom:200px;--background-color: white;--text-color: black}.ResultShareSection>div{grid-column:2 / -2;border-top:1px solid currentColor;padding-top:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width: 62em){.ResultShareSection>div{grid-column:5 / 11}}:is(.ResultShareSection>div) a{width:-moz-max-content;width:-webkit-max-content;width:max-content;padding-inline:50px;-ms-flex-item-align:center;align-self:center;border-radius:50px;height:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:50px;font-weight:700;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-decoration:none;border:1px solid var(--background-color);background-color:var(--text-color);color:var(--background-color);-webkit-transition:background-color .25s var(--easeOutExpo),border-color .25s var(--easeOutExpo),color .25s var(--easeOutExpo);transition:background-color .25s var(--easeOutExpo),border-color .25s var(--easeOutExpo),color .25s var(--easeOutExpo)}:is(:is(.ResultShareSection>div) a):hover{border-color:var(--text-color);background-color:var(--background-color);color:var(--text-color)}.ResultShareSection .share-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:600;--background-color: white}.ResultShareSection menu{padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;gap:5px}:is(.ResultShareSection menu) li{list-style:none}:is(:is(.ResultShareSection menu) li) a,:is(:is(.ResultShareSection menu) li) button{border:none;margin:0;width:60px;height:60px;border-radius:50%;background-color:var(--background-color);padding:20px;-webkit-transition:background-color .25s var(--easeOutExpo);transition:background-color .25s var(--easeOutExpo)}:is(:is(:is(.ResultShareSection menu) li) a,:is(:is(.ResultShareSection menu) li) button):focus-visible{background-color:var(--background-hover-color)}@media (hover: hover){:is(:is(:is(.ResultShareSection menu) li) a,:is(:is(.ResultShareSection menu) li) button):hover{background-color:var(--background-hover-color)}}:is(:is(:is(.ResultShareSection menu) li) a,:is(:is(.ResultShareSection menu) li) button) svg{max-height:100%;max-width:100%;min-height:20px}.ResultShareSection .newsletter-link{margin-block:50px 0;border:1px solid var(--text-color);background-color:var(--background-color);color:var(--text-color);max-width:360px;-webkit-transition:background-color .25s var(--easeOutExpo),border-color .25s var(--easeOutExpo),color .25s var(--easeOutExpo);transition:background-color .25s var(--easeOutExpo),border-color .25s var(--easeOutExpo),color .25s var(--easeOutExpo)}:is(.ResultShareSection .newsletter-link):hover{border-color:var(--background-color);background-color:var(--text-color);color:var(--background-color)}