.quiz-upsell-items{display:block;overflow:hidden}@media screen and (min-width: 750px){.quiz-upsell-items.quiz-upsell-items--ac .page-width,.quiz-upsell-items.quiz-upsell-items--buttons .page-width{--page-width: 836px}.quiz-upsell-items.quiz-upsell-items--ec .page-width{--page-width: 1200px}}.quiz-upsell-items__heading{display:block;margin:0;text-align:center}@media screen and (min-width: 750px){.quiz-upsell-items__heading{font-size:26px;line-height:32px}}.quiz-upsell-items__items{display:flex;justify-content:space-around;margin:24px 0}.quiz-upsell-items--ec .quiz-upsell-items__items{display:grid;grid-template-columns:1fr 1fr;gap:6px;align-items:stretch;max-width:400px;margin-right:auto;margin-left:auto}.quiz-upsell-items__item{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0}@media screen and (min-width: 400px){.quiz-upsell-items__items{gap:10px}}@media screen and (min-width: 750px){.quiz-upsell-items--ec .quiz-upsell-items__items{grid-template-columns:1fr 1fr 1fr 1fr;gap:12px;max-width:none}.quiz-upsell-items__item{padding:0 10px}}.quiz-upsell-items__item-title{margin:auto 0 10px;font-size:15px;font-weight:700;text-align:center}@media screen and (min-width: 750px){.quiz-upsell-items__item-title{font-size:22px}}.quiz-upsell-items__item-image{width:92px;height:92px;margin:auto auto 10px;border-radius:100%;border:1.5px solid #D37FFF;background:#fff;overflow:hidden}.quiz-upsell-items__item-image>img,.quiz-upsell-items__item-image>svg{display:block;width:100%;height:100%;object-fit:cover}@media screen and (min-width: 750px){.quiz-upsell-items__item-image{width:115px;height:115px}}.quiz-upsell-items__item-price{font-size:13px;font-weight:700;text-align:center}.quiz-upsell-items__item-price>strong{display:block;color:#c453ff}@media screen and (min-width: 380px){.quiz-upsell-items__item-price{font-size:15px}}@media screen and (min-width: 750px){.quiz-upsell-items__item-price{font-size:18px}}@media screen and (min-width: 1200px){.quiz-upsell-items__item-price>strong{display:inline-block}}.quiz-upsell-items__shade-selection-wrapper{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4px}@media screen and (min-width: 750px){.quiz-upsell-items__shade-selection-wrapper{display:flex;align-items:center;justify-content:space-around;gap:10px}.quiz-upsell-items.quiz-upsell-items--ec .quiz-upsell-items__shade-selection-wrapper{justify-content:center;gap:10px}}.quiz-upsell-items__shade-selection-item{text-align:right}.quiz-upsell-items__shade-selection-item:last-of-type{flex:1 0 auto;max-width:300px}.quiz-upsell-items__shade-heading{margin:0;font-size:13px}.quiz-upsell-items__in-bag{display:inline-block;margin:0;padding:0 2px;background:#e9beff;font-size:10px;line-height:22px}@media screen and (min-width: 380px){.quiz-upsell-items__shade-heading{font-size:14px}.quiz-upsell-items__in-bag{font-size:11px}}@media screen and (min-width: 400px){.quiz-upsell-items__in-bag{padding:0 4px;font-size:12px}}@media screen and (min-width: 480px){.quiz-upsell-items__shade-heading{margin:0 0 6px;font-size:18px}}@media screen and (min-width: 750px){.quiz-upsell-items__shade-selection-item:last-of-type{max-width:450px}.quiz-upsell-items__shade-heading{margin:0;font-size:26px}.quiz-upsell-items__in-bag{padding:0 10px;font-size:18px;line-height:27px}}.quiz-upsell-items__atc-buttons{text-align:center}.quiz-upsell-items__shade-selection-wrapper+.quiz-upsell-items__atc-buttons{margin-top:36px}.quiz-upsell-items__atc-buttons>.button{display:flex;width:100%;max-width:480px;margin:0 auto;padding-right:6px;padding-left:6px}.quiz-upsell-items__atc-buttons>.link{font-size:18px}.quiz-upsell-items__atc-buttons>.button+.link{margin-top:12px}.quiz-upsell-items__atc-warning{display:inline-block;margin:24px 0 6px;padding:0 10px;background:#e9beff;font-size:12px;line-height:22px}@media screen and (min-width: 750px){.quiz-upsell-items__atc-warning{font-size:18px;line-height:27px}}@media screen and (min-width: 750px){.quiz-upsell-items__atc-buttons>.button{max-width:660px}.quiz-upsell-items__atc-buttons>.link{font-size:22px}.quiz-upsell-items__atc-buttons>.button+.link{margin-top:24px}}.shade-dropdown{position:relative;display:block;width:100%;padding:4px}.shade-dropdown__button{position:relative;-webkit-appearance:none;appearance:none;display:flex;align-items:center;justify-content:center;gap:4px;width:100%;height:50px;padding:10px 16px;border-radius:6px;border:1px solid #000;background:#fff;text-align:center;cursor:pointer;font:inherit;font-family:var(--font-heading-family);font-size:14px;font-weight:700;z-index:3}@media screen and (min-width: 380px){.shade-dropdown__button{font-size:16px}}@media screen and (min-width: 750px){.shade-dropdown__button{gap:10px;font-size:18px}}.shade-dropdown--error .shade-dropdown__button{outline:solid 1.5px #F0536D;outline-offset:2px}.shade-dropdown__button--selected{padding-right:6px;padding-left:6px;background-color:var(--shade-color);border-color:var(--shade-color);color:var(--shade-text-color, #fff)}.shade-dropdown__button-star{position:absolute;top:4px;left:4px;display:none;width:10px;height:auto}.shade-dropdown__button--perfect-match .shade-dropdown__button-star{display:block}.shade-dropdown__button>.icon{display:block;width:12px;height:auto;transition:transform var(--duration-default) ease}.shade-dropdown__button[aria-expanded=true]>.icon{transform:rotateX(180deg)}.shade-dropdown__button-text{font-weight:700}.shade-dropdown__button-text>span{display:block;font-weight:700}.shade-dropdown__button-text>em{font-style:italic;font-weight:400}@media screen and (min-width: 750px){.shade-dropdown__button-text{font-weight:700}.shade-dropdown__button-text>span{display:inline-block;font-weight:700}}.shade-dropdown__error{position:absolute;top:100%;left:0;display:none;width:100%;margin:0;color:#f0536d;font-size:15px;text-align:center}.shade-dropdown--error .shade-dropdown__error{display:block}.shade-dropdown__dropdown{position:absolute;top:100%;left:0;display:flex;flex-wrap:wrap;width:100%;padding:4px;z-index:2}.shade-dropdown__dropdown:after{content:"";position:absolute;top:-58px;left:0;bottom:0;width:100%;z-index:-1;background:#fff;border-radius:6px;box-shadow:var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity))}.shade-dropdown__dropdown[aria-hidden=true]{display:none}.shade-dropdown__shade{flex:1 0 100%;padding:4px;cursor:pointer}.shade-dropdown__shade-name{position:relative;display:block;padding:6px;border-radius:6px;background-color:var(--shade-color);color:var(--shade-text-color, #fff);font-family:GT Super Display;font-size:15px;font-style:italic;font-weight:400;text-align:center;border:2px solid rgba(0,0,0,0)}.shade-dropdown__shade>input:checked+.shade-dropdown__shade-name{border:2px solid #D37FFF}.shade-dropdown__shade-name-star{position:absolute;top:4px;left:4px;display:block;width:6px;height:auto}.shade-dropdown__shade-title{display:block;margin:4px 0;text-align:left;font-size:12px}@media screen and (min-width: 750px){.shade-dropdown__shade{flex:1 0 auto;max-width:50%}.shade-dropdown__shade-name{font-size:18px}.shade-dropdown__shade-title{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/377/assets/component-quiz-upsell-items.css.map */