.jkl-pys{margin-top:var(--jkl-pys-margin-top, 0);margin-bottom:var(--jkl-pys-margin-bottom, 0)}.jkl-pys__layout{display:flex;flex-direction:column}@media(min-width:1024px){.jkl-pys__layout{flex-direction:row}}.jkl-pys__image-area{background-color:#fbeaf5;transition:background-color .3s ease}@media(min-width:1024px){.jkl-pys__image-area{width:50%;display:grid;grid-template-columns:1fr minmax(0,752px);padding-top:120px;padding-bottom:80px}}.jkl-pys__image-container{display:flex;flex-direction:column;padding:80px;height:100%}@media(min-width:1024px){.jkl-pys__image-container{grid-column-start:2}}.jkl-pys__main-image{width:100%;aspect-ratio:1/1;border-radius:50%;object-fit:cover}.jkl-pys__intensity-label{font-size:30px;line-height:24px;text-align:center;margin-top:40px}.jkl-pys__intensity-value{font-weight:700;text-transform:uppercase}.jkl-pys__form-area{background-color:#fdf3f9}@media(min-width:1024px){.jkl-pys__form-area{width:50%;display:grid;grid-template-columns:minmax(0,752px) 1fr;padding-top:120px;padding-bottom:80px}}@media(max-width:1023px){.jkl-pys__form-area{margin-bottom:80px}}.jkl-pys__form-content{padding:20px}@media(min-width:1024px){.jkl-pys__form-content{padding:80px;max-width:90%}}.jkl-pys__title{font-family:Gelica,serif;font-weight:600;font-size:50px;line-height:55px;margin:0}.jkl-pys__subtitle{font-family:futura-pt,sans-serif;font-size:32px;line-height:40px;font-weight:700;margin:0}.jkl-pys__description-text{font-size:32px;line-height:40px;margin:0 0 40px}.jkl-pys__step-text{font-size:22px;line-height:24px;margin:0}.jkl-pys__step-span{color:#d84c8a;font-weight:700;margin-right:8px}.jkl-pys__step-content-bold{font-weight:700}.jkl-pys__step{display:none}.jkl-pys__step.is-active{display:block}.jkl-pys__pickers{display:flex;flex-wrap:wrap;gap:8px;margin:40px 0}@media(min-width:1024px){.jkl-pys__pickers{gap:24px}}.jkl-pys__picker{text-align:center;font-size:16px;display:flex;flex-direction:column;align-items:center;cursor:pointer}.jkl-pys__picker-circle{border-radius:50%;cursor:pointer;transition:outline .2s ease}.jkl-pys__picker-circle.is-selected{outline:2px solid #1f1f1f;outline-offset:4px}.jkl-pys__picker-circle--color{width:45px;height:45px;aspect-ratio:1/1}@media(min-width:1024px){.jkl-pys__picker-circle--color{width:56px;height:56px}}.jkl-pys__picker-circle--image{width:56px;height:56px;aspect-ratio:1/1;overflow:hidden}.jkl-pys__picker-circle--image img{width:100%;height:100%;object-fit:cover;border-radius:50%}.jkl-pys__picker-title{display:none;margin-top:20px;font-size:16px;line-height:20px;text-transform:uppercase}@media(min-width:1024px){.jkl-pys__picker-title{display:block}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.jkl-pys__ballon{background-color:#fff;border-radius:12px;padding:32px 32px 64px}@media(min-width:1024px){.jkl-pys__ballon{padding-right:48px}}.jkl-pys__ballon-title{font-size:20px;line-height:22px;text-transform:uppercase;margin:0 0 20px}.jkl-pys__ballon-title-bold{font-weight:700}.jkl-pys__ballon-description{font-size:22px;line-height:24px;margin:0}.jkl-pys__nav-buttons{display:flex;gap:12px;justify-content:center;margin-top:40px}@media(min-width:1024px){.jkl-pys__nav-buttons{justify-content:flex-start}}.jkl-pys__btn{cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:24px;font-weight:700;text-transform:uppercase;transition:all .2s ease;border:none;background:none}.jkl-pys__btn:hover{text-decoration:underline}.jkl-pys__btn--back{border:1px solid #1f1f1f;color:#1f1f1f;background-color:transparent}.jkl-pys__btn--back:hover{background-color:transparent}@media(min-width:1024px){.jkl-pys__btn--back{padding:12px 32px;font-size:18px;line-height:24px}}@media(max-width:1023px){.jkl-pys__btn--back{padding:0;border:none}}.jkl-pys__btn--next,.jkl-pys__btn--next:hover{background-color:#1f1f1f;color:#fff}@media(min-width:1024px){.jkl-pys__btn--next{padding:12px 32px;font-size:18px;line-height:24px}}@media(max-width:1023px){.jkl-pys__btn--next{padding:0;background:none}}.jkl-pys__btn-icon{display:none}@media(max-width:1023px){.jkl-pys__btn-icon--mobile{font-size:0;display:block}}.jkl-pys__btn-text{display:none}@media(min-width:1024px){.jkl-pys__btn-text{display:block}}.jkl-pys__result{background-color:#fdf3f9;padding-bottom:80px;padding-top:120px}.jkl-pys__result-container{max-width:1536px;margin:0 auto;padding:0 16px}.jkl-pys__result-grid{display:grid;grid-template-columns:120px 1fr;gap:16px}@media(min-width:1024px){.jkl-pys__result-grid{grid-template-columns:200px 1fr 1fr 200px}}.jkl-pys__result-choices{display:flex;flex-direction:column;gap:8px;padding-bottom:80px;text-align:center;align-items:center}@media(min-width:1024px){.jkl-pys__result-choices{gap:16px;padding-top:40px;padding-left:20px;padding-right:20px}}.jkl-pys__result-choices-title{font-weight:700}.jkl-pys__result-choice{display:flex;flex-direction:column;gap:8px;align-items:center}@media(min-width:1024px){.jkl-pys__result-choice{gap:16px;max-width:none}}.jkl-pys__result-choice-img{border-radius:50%;width:100%;max-width:60px}@media(min-width:1024px){.jkl-pys__result-choice-img{max-width:none}}.jkl-pys__result-choice-label{text-align:center;font-size:14px;margin:0}@media(min-width:1024px){.jkl-pys__result-choice-label{font-size:16px}}.jkl-pys__result-choice-value{font-weight:700;display:block}.jkl-pys__result-product-img{width:100%;border-radius:16px;object-fit:cover}.jkl-pys__result-info{text-align:center;grid-column:span 2;padding:0 40px}@media(min-width:1024px){.jkl-pys__result-info{text-align:left;grid-column:span 1;padding:80px 40px}}.jkl-pys__result-title{font-family:Gelica,serif;font-weight:600;font-size:50px;line-height:55px;margin:0 0 12px}.jkl-pys__result-subtitle{font-size:24px;line-height:28px;font-weight:700;margin:0 0 12px}@media(min-width:1024px){.jkl-pys__result-subtitle{font-size:32px;line-height:40px}}.jkl-pys__result-description{font-size:32px;line-height:40px;margin:0 0 12px}@media(min-width:1024px){.jkl-pys__result-description{margin-bottom:40px}}.jkl-pys__result-shade-text{font-family:Gelica,serif;font-weight:600;font-size:32px;line-height:55px;margin:0 0 40px}@media(min-width:1024px){.jkl-pys__result-shade-text{font-size:50px}}.jkl-pys__result-shade-value{color:#d84c8a}.jkl-pys__result-add-btn{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:24px;font-weight:700;text-transform:uppercase;background-color:#d84c8a;color:#fff;border:none;padding:12px 32px;font-size:18px;line-height:24px;transition:all .2s ease}.jkl-pys__result-add-btn:hover{text-decoration:underline}.jkl-pys__result-restart{display:none}@media(min-width:1024px){.jkl-pys__result-restart{display:block}}.jkl-pys__restart-btn{background:none;border:none;cursor:pointer;padding:0;transition:opacity .2s ease}.jkl-pys__restart-btn:hover{opacity:.7}.jkl-pys--hidden{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/6/assets/jkl-pick-your-shade.css.map */