.sec-QuizContent{display:none}.sec-QuizContent.is-active{display:block}.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}}@media (min-width: 901px){.sec-QuizContent_BodyWrap-LargerContentWidth{grid-template-columns:1fr 1.5fr}}.sec-QuizContent_BodyMain{position:relative;display:grid;grid-template-columns:repeat(6,1fr);column-gap:5px;padding:20px;align-items:flex-start}.sec-QuizContent_BodyMain-Centered{align-items:center}.sec-QuizContent_BodyMainInner{grid-column:1 / span 6;text-align:center}@media (min-width: 901px){.sec-QuizContent_BodyMainInner{grid-column:2 / span 4;text-align:left}}.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-bottom: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}.sec-QuizContent_TextColumns{margin-top:40px;margin-bottom:40px}@media (min-width: 901px){.sec-QuizContent_TextColumns{margin-top:0;margin-bottom:60px}}.sec-QuizContent_TextColumnsItems{display:grid;grid-template-columns:1fr}@media (min-width: 901px){.sec-QuizContent_TextColumnsItems{margin-top: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-top:60px}}.sec-QuizContent_TextColumnItem{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:30px}@media (min-width: 901px){.sec-QuizContent_TextColumnItem{margin-top:0}}.sec-QuizContent_TextColumnTitle{color:#000;font-size:12px;font-weight:400;line-height:20px;letter-spacing:2.16px;text-transform:uppercase;margin-bottom:10px}.sec-QuizContent_TextColumnContent{color:#454545;font-size:11px;font-weight:500;line-height:18px;letter-spacing:.22px;margin-bottom: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-top: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-left:32px;transition:opacity .2s ease 0s;opacity:0}.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-left:auto;margin-right:auto}@media (min-width: 901px){.sec-QuizContent_AlternativeShadesItems:has(.prd-CardSimple:first-child:last-child){width:30%}}.sec-QuizContent_AlternativeShadesHeader{display:none}.sec-QuizContent_AlternativeShadesHeader.is-active{display:block;max-width:710px;text-align:center;margin-top:40px;margin-left:auto;margin-right:auto}@media (min-width: 901px){.sec-QuizContent_AlternativeShadesHeader.is-active{margin-top: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{order:1}@media (min-width: 901px){.sec-QuizContent_Blocks{display:flex;gap:5px;order:2}}.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-bottom:30px;padding-left:20px;padding-right: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-left:unset;padding-right:unset}}.sec-QuizContent_SkintoneBlocks{margin-bottom:30px}@media (min-width: 901px){.sec-QuizContent_SkintoneBlocks{margin-bottom:100px}}.sec-QuizContent_SkintoneBlock{text-align:center;padding-left:20px;padding-right:20px}@media (min-width: 901px){.sec-QuizContent_SkintoneBlock{padding-left:unset;padding-right:unset}}.sec-QuizContent_SkintoneBlockRadioInput{display:none}.sec-QuizContent_SkintoneBlockRadioInput+.sec-QuizContent_SkintoneBlock .sec-QuizContent_SkintoneBlockMedia{position:relative;border:2px solid transparent;z-index:1}.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;margin-bottom:20px}@media (min-width: 901px){.sec-QuizContent_SkintoneBlockContent{padding:20px 10px;margin-bottom:unset}}.sec-QuizContent_SkintoneBlockHeading{color:#000;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:11px;line-height:18px;letter-spacing:.22px}.sec-QuizContent_SkintoneBlockToneRangeColor{display:block;width:100%;height:5px;margin-top:20px}.sec-QuizContent_ModelBlockContent{color:#000;font-size:11px;font-weight:500;line-height:18px;letter-spacing:.22px;margin-top:10px;padding:0 7px}.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-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;margin:20px 0 0;list-style-type:none}@media (min-width: 901px){.sec-QuizContent_LinksWrap{margin:10px 0 0}}.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_ProductMatch{display:flex;justify-content:center}.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}
/*# sourceMappingURL=/cdn/shop/t/196/assets/shade-quiz-content.css.map */