.sec-QuizContent{display:none}.sec-QuizContent.is-active{display:block}.sec-QuizContent:has(.sec-QuizContent_Results){background-color:var(--results-background)}.sec-QuizContent_BodyWrap{display:grid}@media(min-width:901px){.sec-QuizContent_BodyWrap{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.sec-QuizContent_BodyWrap-ReversedMobile .sec-QuizContent_BodyMain{order:2}.sec-QuizContent_BodyWrap-ReversedMobile .sec-QuizContent_Image{order:1}}.sec-QuizContent_Content[aria-hidden=true]{display:none}.sec-QuizContent_BodyWrap-vertical{justify-content:center;grid-template-columns:1fr;gap:40px}.sec-QuizContent_BodyMain{position:relative;display:grid;padding-block-start:20px;padding-inline:20px}.sec-QuizContent_BodyMain-Centered{align-items:center}.sec-QuizContent_BodyMainInner{grid-column:1 / span 6;text-align:center}.sec-QuizContent_User{color:#454545;font-size:10px;font-weight:400;line-height:17px;letter-spacing:1.8px;text-transform:uppercase}.sec-QuizContent_Title{color:#000;font-family:Lato;font-size:16px;font-style:normal;font-weight:400;line-height:26px;letter-spacing:2.88px;text-transform:uppercase;margin-block-end:10px}@media(min-width:901px){.sec-QuizContent_Title{font-size:22px;font-weight:400;line-height:33px;letter-spacing:3.96px}}.sec-QuizContent_Title-Center{text-align:center;margin-inline-start:20px}.sec-QuizContent_TextColumns{margin-block-start:40px;margin-block-end:40px}@media(min-width:901px){.sec-QuizContent_TextColumns{margin-block-start:0;margin-block-end:60px}}.sec-QuizContent_TextColumnsItems{display:grid;grid-template-columns:1fr}@media(min-width:901px){.sec-QuizContent_TextColumnsItems{margin-block-start:30px;grid-template-columns:repeat(3,1fr)}}.sec-QuizContent_TextColumnsTitle{color:#000;text-align:center;font-size:16px;font-weight:400;line-height:26px;letter-spacing:2.88px;text-transform:uppercase}@media(min-width:901px){.sec-QuizContent_TextColumnsTitle{margin-block-start:60px}}.sec-QuizContent_TextColumnItem{display:flex;flex-direction:column;align-items:center;text-align:center;margin-block-start:30px}@media(min-width:901px){.sec-QuizContent_TextColumnItem{margin-block-start:0}}.sec-QuizContent_TextColumnTitle{color:#000;font-size:12px;font-weight:400;line-height:20px;letter-spacing:2.16px;text-transform:uppercase;margin-block-end:10px}.sec-QuizContent_TextColumnContent{color:#454545;font-size:11px;font-weight:500;line-height:18px;letter-spacing:.22px;margin-block-end:10px;max-width:280px}.sec-QuizContent_TextColumnLink{color:#000;font-size:12px;font-weight:400;line-height:20px;letter-spacing:2.16px;text-transform:uppercase;text-decoration:underline;text-underline-offset:5px;margin-block-start:auto}#chat-button,.sec-QuizContent_TextColumnLink-CloseChat.is-hidden{display:none}.sec-QuizContent_TextColumnLink-CloseChat.is-active{position:fixed;z-index:9999;bottom:20px;right:20px}.sec-QuizContent_TextColumnLink-CloseChat .messenger-button-iframe{cursor:pointer;display:inline-flex;-webkit-box-align:center;align-items:center;position:relative;background:#767676;border:0px;border-radius:100px;box-shadow:#16161629 0 2px 4px;transition:all .2s ease 0s;padding:16px 20px;height:60px;max-width:60px}.sec-QuizContent_TextColumnLink-CloseChat .messenger-button-iframe-inner{position:absolute;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;transition:all .2s ease 0s;opacity:0;left:16px;width:28px;height:28px}.sec-QuizContent_TextColumnLink-CloseChat .messenger-button-iframe-icon-close{position:absolute;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;transition:all .2s ease 0s;left:16px;width:28px;height:28px}.sec-QuizContent_TextColumnLink-CloseChat .messenger-button-iframe-icon-open{position:relative;font-size:14px;font-weight:600;letter-spacing:-.01em;white-space:pre;color:#fff;margin-inline-start:32px;transition:opacity .2s ease 0s;opacity:0}.sec-QuizContent_ModelSelection{display:grid;grid-template-columns:repeat(auto-fit,220px);margin-block-end:50px}@media(min-width:901px){.sec-QuizContent_ModelSelection{justify-content:center}}.sec-QuizContent_AlternativeShades{display:none}.sec-QuizContent_AlternativeShades.is-active{display:block}.sec-QuizContent_AlternativeShadesItems{display:grid;justify-content:center;gap:20px;grid-template-columns:repeat(2,auto)}@media(min-width:901px){.sec-QuizContent_AlternativeShadesItems{margin-top:30px}}.sec-QuizContent_AlternativeShadesItems:has(.prd-CardSimple:first-child:last-child){display:flex;width:50%;margin-inline:auto}@media(min-width:901px){.sec-QuizContent_AlternativeShadesItems:has(.prd-CardSimple:first-child:last-child){width:30%}}.sec-QuizContent_AlternativeShadesHeader{display:block;max-width:710px;text-align:center;margin-block-start:40px;margin-inline:auto}@media(min-width:901px){.sec-QuizContent_AlternativeShadesHeader{margin-block-start:60px}}.sec-QuizContent_AlternativeShadesTitle{width:100%;max-width:710px;color:#000;text-align:center;font-size:16px;font-weight:400;line-height:26px;letter-spacing:2.88px;text-transform:uppercase}.sec-QuizContent_AlternativeShadesDescription{width:100%;max-width:710px}.sec-QuizContent_Image{order:1}@media(min-width:901px){.sec-QuizContent_Image{order:2}}.sec-QuizContent_Image-Mobile{display:block}@media(min-width:901px){.sec-QuizContent_Image-Mobile{display:none}}.sec-QuizContent_Image-GridGallery{display:none}.sec-QuizContent_Image-GridGallery.is-active{display:block;overflow:hidden}.sec-QuizContent_Image-MobileWrap{overflow-x:auto}.sec-QuizContent_Image-MobileWrap img{width:auto;max-width:unset;min-height:270px}.sec-QuizContent_Image-Desktop{display:none}@media(min-width:901px){.sec-QuizContent_Image-Desktop{display:block}}.sec-QuizContent_Blocks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:901px){.sec-QuizContent_Blocks{display:grid;order:2;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-auto-flow:column}}.sec-QuizContent_Blocks-Grid{display:none}.sec-QuizContent_Blocks-Grid.is-active{display:grid;grid-template-columns:repeat(2,1fr);column-gap:5px;row-gap:10px;margin-block-end:30px;padding-inline:20px}@media(min-width:901px){.sec-QuizContent_Blocks-Grid.is-active{grid-template-columns:repeat(3,1fr);grid-column-start:2;row-gap:20px;margin-bottom:40px;padding-inline:unset}}.sec-QuizContent_Block[aria-hidden=true]{display:none}.sec-QuizContent_SkintoneBlocks{margin-block-end:50px}.sec-QuizContent_SkintoneBlock{text-align:center}.sec-QuizContent_SkintoneBlockRadioInput{display:none}.sec-QuizContent_SkintoneBlockRadioInput+.sec-QuizContent_SkintoneBlock .sec-QuizContent_SkintoneBlockMedia{position:relative;border:2px solid transparent;z-index:1;display:grid;gap:3px;margin-block-end:10px}.sec-QuizContent_SkintoneBlockRadioInput:checked+.sec-QuizContent_SkintoneBlock .sec-QuizContent_SkintoneBlockMedia{border:2px solid #000}.sec-QuizContent_SkintoneBlockRadioInput:checked+.sec-QuizContent_SkintoneBlock .sec-QuizContent_SkintoneBlockMedia:before{content:"";display:block;position:absolute;width:16px;height:16px;bottom:-8px;left:50%;transform:translate(-50%);background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJub25lIj4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiByeD0iOCIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTQgOC4zMzMzM0w2LjY2NjY3IDExTDExLjY2NjcgNiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4=);z-index:2}.sec-QuizContent_SkintoneBlockContent{padding:10px;background-color:var(--shade-background-color);text-align:center}.sec-QuizContent_SkintoneBlockHeading{color:var(--shade-text-color);font-family:Lato;font-size:12px;font-weight:400;line-height:20px;letter-spacing:2.16px;text-transform:uppercase}.sec-QuizContent_SkintoneBlockText{color:#454545;text-align:center;font-family:Lato;font-size:12px;font-weight:600;line-height:18px;letter-spacing:.22px;padding-inline:15px}.sec-QuizContent_Skintone .sec-QuizContent_SkintoneBlockText{display:none}.sec-QuizContent_SkintoneBlockToneRangeColor{display:block;width:100%;height:5px;margin-block-start:20px}.sec-QuizContent_ModelBlockContent{color:#000;font-size:11px;font-weight:500;line-height:18px;letter-spacing:.22px;margin-block-start:10px;padding:0 7px;text-align:center}.sec-QuizContent_ModelBlockMedia{flex-direction:column;gap:2px}.sec-QuizContent_ModelBlockMedia img{width:100%}.sec-QuizContent_ModelBlockRadioInput{display:none}.sec-QuizContent_ModelBlockRadioInput+.sec-QuizContent_ModelBlock .sec-QuizContent_ModelBlockMedia{position:relative;border:2px solid transparent;z-index:1}.sec-QuizContent_ModelBlockRadioInput:checked+.sec-QuizContent_ModelBlock .sec-QuizContent_ModelBlockMedia{border:2px solid #000}.sec-QuizContent_ModelBlockRadioInput:checked+.sec-QuizContent_ModelBlock .sec-QuizContent_ModelBlockMedia:before{content:"";display:block;position:absolute;width:16px;height:16px;bottom:-8px;left:50%;transform:translate(-50%);background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJub25lIj4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiByeD0iOCIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTQgOC4zMzMzM0w2LjY2NjY3IDExTDExLjY2NjcgNiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4=);z-index:2}.sec-QuizContent_ButtonWrap{display:flex;flex-direction:column;gap:10px;padding-block-start:30px!important;padding-block-end:30px}@media(min-width:901px){.sec-QuizContent_ButtonWrap{padding-block-end:40px;flex-direction:row}}.sec-QuizContent_Button{position:relative;display:inline-flex;justify-content:center;align-items:center;padding:.65rem 1.75rem;width:100%;text-transform:var(--button-text-transform);text-align:center;font:var(--button-font);font-size:12px;letter-spacing:var(--button-letter-spacing);border-radius:var(--button-border-radius);cursor:pointer}.sec-QuizContent_Button[aria-hidden=true]{display:none}.sec-QuizContent_Button-Primary{color:rgb(var(--button-text-color, var(--button-text-primary)));background-color:#000;border:1px solid rgb(var(--button-outline-color, var(--button-background, var(--button-background-primary))))}.sec-QuizContent_Button-Secondary{color:var(--button-text-color);border:1px solid rgb(var(--button-outline-color, var(--button-background, var(--button-background-primary))))}.sec-QuizContent_LinksWrap{padding:0;list-style-type:none;margin-block-start:20px}@media(min-width:901px){.sec-QuizContent_LinksWrap{margin-block-start:10px;margin-block-end:40px}}.sec-QuizContent_LinksItem{display:block;padding-inline-start:0!important}@media(min-width:901px){.sec-QuizContent_LinksItem{display:inline-block}}.sec-QuizContent_LinksItem:first-child{padding-bottom:10px}@media(min-width:901px){.sec-QuizContent_LinksItem:first-child{padding-inline-end:16px!important}}.sec-QuizContent_LinksItem button,.sec-QuizContent_LinksItem a{color:#454545;font-family:Lato;font-size:12px;line-height:20px;letter-spacing:2.16px;text-transform:uppercase;text-decoration:underline;text-underline-offset:3px}.sec-QuizContent_ResultsHeader{display:flex;flex-direction:column;justify-content:center;text-align:center;margin:0 auto;padding-block-end:30px}@media(min-width:901px){.sec-QuizContent_ResultsHeader{padding-block-end:60px}}.sec-QuizContent_ResultsLinks{display:grid;grid-template-columns:repeat(auto-fit,minmax(75px,1fr));margin-block-start:10px;gap:50px}.sec-QuizContent_ResultsLinks-center{display:flex;justify-content:center;margin-block-start:10px}.sec-QuizContent_ResultsLink{text-decoration:underline;text-underline-offset:3px}.sec-QuizContent_ResultsLink-email{text-align:left}.sec-QuizContent_ResultsLink-save{text-align:right}.sec-QuizContent_ResultsLink[aria-hidden=true]{display:none}.sec-QuizContent_ProductMatch{display:flex;justify-content:center}.sec-QuizContent_Results{background-color:var(--results-background);padding:var(--container-gutter);margin:0 auto;width:fit-content}.sec-QuizContent_ResultShades{display:flex;flex-direction:column;justify-content:center;gap:20px}@media(min-width:901px){.sec-QuizContent_ResultShades{gap:50px;width:fit-content;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));max-width:800px}}.sec-QuizContent_ResultShadesItem{background-color:var(--Color_White);display:flex;justify-content:center;padding:30px;width:100%}.sec-QuizContent_ResultShadesItem[aria-hidden=true]{display:none}.sec-QuizContent_ResultShadesItem .price-list{justify-content:center;margin-block-start:10px}.sec-QuizContent_ResultsThreeColumn{background-color:var(--three_column_background);margin:0;padding-block:20px}.sec-QuizContent_Footer{position:sticky;bottom:0;background:#fff;border-top:1px solid rgb(var(--border-color));z-index:2}@media(max-width:901px){.sec-QuizContent.sec-QuizContent_MobileStickyFooterDisabled .sec-QuizContent_Footer{position:relative}}.sec-QuizContent_FooterNav{display:grid;grid-template-columns:1fr 3fr 1fr}@media(min-width:901px){.sec-QuizContent_FooterNav{grid-template-columns:1fr 2fr 1fr}}.sec-QuizContent_FooterNavBlock{display:flex;align-items:center;padding:10px 0}@media(min-width:901px){.sec-QuizContent_FooterNavBlock{padding:20px}}.sec-QuizContent_FooterNavBlock-Left{justify-content:flex-start}.sec-QuizContent_FooterNavBlock-Left button{display:flex;align-items:center;gap:10px;padding:10px}.sec-QuizContent_FooterNavBlock-Left button span{display:none}@media(min-width:901px){.sec-QuizContent_FooterNavBlock-Left button span{color:#000;font-size:12px;font-weight:400;text-transform:uppercase;letter-spacing:2.16px}}.sec-QuizContent_FooterNavBlock-Center{justify-content:center;flex-direction:column;color:#454545;text-align:center;text-transform:uppercase;font-size:10px;font-weight:400;letter-spacing:1.8px}@media(min-width:901px){.sec-QuizContent_FooterNavBlock-Center{font-size:12px;letter-spacing:2.16px}}.sec-QuizContent_FooterNavBlock-Right{justify-content:flex-end}@media(max-width:900px){.sec-QuizContent_FooterNavBlock-Right button span{display:none}}@media(min-width:901px){.sec-QuizContent_FooterNavBlock-Right button span{color:#fff;font-size:12px;font-weight:400;text-transform:uppercase;letter-spacing:2.16px}}.sec-QuizContent_FooterNavContinueBtn{display:flex;align-items:center;padding:10px}@media(min-width:901px){.sec-QuizContent_FooterNavContinueBtn{color:#fff;font-size:12px;letter-spacing:2.16px;text-transform:uppercase;background:#000;border:1px solid #000}}@media(min-width:901px){.sec-QuizContent_FooterNavContinueBtn:disabled{opacity:.5;cursor:not-allowed!important}}.sec-QuizContent_FooterNavContinueBtn svg{stroke:#000}@media(min-width:901px){.sec-QuizContent_FooterNavContinueBtn svg{stroke:#fff;margin-left:70px}}.sec-QuizContent_FooterNavBlock-Fullwidth{grid-column:1 / -1;padding-top:0;margin-bottom:10px}@media(min-width:901px){.sec-QuizContent_FooterNavBlock-Fullwidth{display:none}}.sec-QuizContent_FooterNavBlock-Fullwidth .sec-QuizContent_FooterNavContinueBtn-Mobile{display:flex;align-items:center;justify-content:center;width:100%;padding:10px;color:#fff;font-size:12px;letter-spacing:2.16px;text-align:center;text-transform:uppercase;background:#000;border:1px solid #000}.sec-QuizContent_FooterNavBlock-Fullwidth .sec-QuizContent_FooterNavContinueBtn-Mobile:disabled{opacity:.5;cursor:not-allowed!important}.sec-QuizContent_FooterNavPagination{display:flex;gap:15px;padding:10px}.sec-QuizContent_FooterNavPaginationTrigger{width:5px;height:5px;text-indent:100%;white-space:nowrap;overflow:hidden;background-color:#c3bfbf;border-radius:100%}.sec-QuizContent_FooterNavPaginationTrigger:not(:disabled):hover{background-color:#000}.sec-QuizContent_FooterNavPaginationTrigger:disabled{cursor:default!important}.sec-QuizContent_FooterNavPaginationTrigger-Active{background-color:#000}.sec-QuizContent_MediaArrows{position:absolute;left:0;top:10%;width:100%;height:100%;pointer-events:none;display:flex;justify-content:space-between;align-items:center;z-index:1}.sec-QuizContent_MediaArrow{pointer-events:all;transition-property:opacity,visibility;transition-duration:.3s;transition-timing-function:ease}.sec-QuizContent_MediaArrow[disabled],.sec-QuizContent_MediaArrow[aria-hidden=true]{opacity:0;visibility:hidden;pointer-events:none}.sec-QuizContent_MediaArrowIcon-previous{transform:rotate(180deg)}.sec-QuizContent_SkintoneDots{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));grid-template-rows:1fr}@media(min-width:901px){.sec-QuizContent_SkintoneDots{display:flex;justify-content:center;gap:100px}}.sec-QuizContent_DotTitle{text-align:center}.sec-QuizContent_DotContainer{display:flex;flex-direction:column;align-items:center;gap:10px}.sec-QuizContent_DotContainer[aria-hidden=true]{display:none}.sec-QuizContent_SkintoneDot{background-color:var(--dot-colour);width:45px;height:45px}.sec-QuizContent_DotContainer[aria-current=true] .sec-QuizContent_SkintoneDot,.sec-QuizContent_SkintoneDot[aria-current=true]:focus{outline:2px solid var(--Color_Black)}.sec-ShadeFinder_ComplimentaryProducts{background-color:var(--complementary-results-background);padding-block-start:20px}.sec-ComplimentaryProducts_Header{margin-block-end:60px;display:flex;justify-content:space-between;padding-inline:20px}@media(min-width:901px){.sec-ComplimentaryProducts_Header{padding-inline:50px}}.sec-ComplimentaryProducts_ShopLink{text-underline-offset:4px;display:none}@media(min-width:901px){.sec-ComplimentaryProducts_ShopLink{display:inline-block}}.sec-ComplimentaryProducts_Products{display:grid;grid-template-columns:repeat(auto-fit,350px);padding-block-end:60px;gap:2px}.sec-ComplimentaryProducts_Product[aria-hidden=true]{display:none}.sec-ComplimentaryProducts_ProductInfo{padding:20px;block-size:100%}.sec-ComplimentaryProducts_VariantTitle{color:var(--Color_Grey-text)}.sec-ComplimentaryProducts_Products .drw-QuickBuy_Trigger{inset-block-end:105px}.sec-ComplimentaryProducts_Product:hover .drw-QuickBuy_Trigger{opacity:1}
/*# sourceMappingURL=/cdn/shop/t/527/assets/shade-quiz-content.css.map */