.jkl-st{width:100%;min-height:calc(100vh - 38px);background-color:#fdf3f9;margin-top:var(--jkl-st-margin-top, 0);margin-bottom:var(--jkl-st-margin-bottom, 0)}.jkl-st__layout{display:grid;grid-template-columns:1fr;width:100%;min-height:calc(100vh - 38px)}@media(min-width:1024px){.jkl-st__layout{grid-template-columns:1fr minmax(0,300px) minmax(0,1204px) 1fr}}.jkl-st__image-area{position:relative;order:2}@media(min-width:1024px){.jkl-st__image-area{grid-column:span 2;order:unset}}.jkl-st__image{width:100%;height:100%;object-fit:cover;object-position:top}.jkl-st__image--mobile{display:block;aspect-ratio:1/1}@media(min-width:1024px){.jkl-st__image--mobile{display:none}}.jkl-st__image--desktop{display:none}@media(min-width:1024px){.jkl-st__image--desktop{display:block;position:absolute;top:0;left:0}}.jkl-st__form-area{width:100%;padding:80px 20px 20px;display:flex;flex-direction:column;order:1}@media(min-width:1024px){.jkl-st__form-area{padding:120px 20px 40px 64px;order:unset}}.jkl-st__title{font-family:Gelica,serif;font-weight:600;font-size:50px;line-height:55px;text-align:center;text-transform:capitalize;margin:0}@media(min-width:1024px){.jkl-st__title{text-align:left}}.jkl-st__description{font-size:24px;line-height:26px;text-align:center;margin:0 0 20px}@media(min-width:1024px){.jkl-st__description{text-align:left}}.jkl-st__login{text-align:center}@media(min-width:1024px){.jkl-st__login{text-align:left}}.jkl-st__login-text{font-size:24px;line-height:26px;margin:0}.jkl-st__login-btn{display:inline-flex;align-items:center;justify-content:center;margin-top:40px;padding:12px 32px;background-color:#1f1f1f;color:#fff;border:none;border-radius:24px;font-size:18px;line-height:24px;font-weight:700;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:all .2s ease}.jkl-st__login-btn:hover{text-decoration:underline}@media(min-width:1024px){.jkl-st__login-btn{margin-left:0;margin-right:auto}}.jkl-st__form{display:flex;flex-direction:column;height:100%}.jkl-st__question{font-family:Gelica,serif;font-weight:600;font-size:38px;line-height:30px;text-align:center;margin:0 0 20px}@media(min-width:1024px){.jkl-st__question{text-align:left}}.jkl-st__instruction{font-size:24px;line-height:26px;text-align:center;margin:0}@media(min-width:1024px){.jkl-st__instruction{text-align:left}}.jkl-st__instruction-highlight{color:#d84c8a;font-weight:700}.jkl-st__content{margin-top:80px;display:flex;flex-direction:column;justify-content:space-between;height:100%}.jkl-st__options{display:grid;grid-template-columns:1fr;gap:28px;margin-bottom:40px}@media(min-width:1024px){.jkl-st__options{grid-template-columns:repeat(2,1fr)}}.jkl-st__options--small{max-width:650px}.jkl-st__option{cursor:pointer;padding:16px 20px;border-radius:32px;border:1px solid #d1d5db;background-color:#fff;text-align:center;color:#1f2937;font-weight:700;transition:all .2s ease}.jkl-st__option:hover{border-color:#1f1f1f}.jkl-st__option.is-selected{background-color:#fbebb4;border-color:#1f1f1f}.jkl-st__option-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.jkl-st__option-label{font-family:Gelica,serif;font-weight:600;font-size:18px;line-height:26px;display:block}@media(min-width:1024px){.jkl-st__option-label{font-size:30px;line-height:40px}}.jkl-st__option-description{font-family:futura-pt,sans-serif;font-size:18px;line-height:20px;font-weight:400;margin-top:4px}.jkl-st__nav-buttons{display:flex;gap:16px;margin-bottom:40px;justify-content:center}@media(min-width:1024px){.jkl-st__nav-buttons{justify-content:flex-start}}.jkl-st__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-st__btn:hover{text-decoration:underline}.jkl-st__btn--back{border:1px solid #1f1f1f;color:#1f1f1f;background-color:transparent}.jkl-st__btn--back:hover{background-color:transparent}@media(min-width:1024px){.jkl-st__btn--back{padding:12px 32px;font-size:18px;line-height:24px}}@media(max-width:1023px){.jkl-st__btn--back{padding:0;border:none}}.jkl-st__btn--next,.jkl-st__btn--submit,.jkl-st__btn--next:hover,.jkl-st__btn--submit:hover{background-color:#1f1f1f;color:#fff}@media(min-width:1024px){.jkl-st__btn--next,.jkl-st__btn--submit{padding:12px 32px;font-size:18px;line-height:24px}}@media(max-width:1023px){.jkl-st__btn--next,.jkl-st__btn--submit{padding:0;background:none}}.jkl-st__btn-icon{display:none}@media(max-width:1023px){.jkl-st__btn-icon--mobile{font-size:0;display:block}}.jkl-st__btn-text{display:none}@media(min-width:1024px){.jkl-st__btn-text{display:block}}.jkl-st__progress{display:flex;align-items:center;width:calc(100% + 40px);margin-left:-20px;margin-right:-20px;position:relative;top:10px;z-index:10}@media(min-width:1024px){.jkl-st__progress{width:100%;margin-left:0;margin-right:0;top:0}}.jkl-st__progress-line{height:4px;background-color:#d1d5db;transition:background-color .3s ease}.jkl-st__progress-line--start,.jkl-st__progress-line--end{width:16px}@media(min-width:1024px){.jkl-st__progress-line--start,.jkl-st__progress-line--end{width:80px}}.jkl-st__progress-line--between{flex:1}.jkl-st__progress-line.is-active{background-color:#c1a8d8}.jkl-st__progress-dot{width:16px;height:16px;border-radius:50%;background-color:#d1d5db;border:2px solid #d1d5db;font-weight:700;font-size:12px;color:#fff;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.jkl-st__progress-dot.is-active,.jkl-st__progress-dot.is-completed{background-color:#c1a8d8;border-color:#c1a8d8}.jkl-st--hidden{display:none!important}.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}
/*# sourceMappingURL=/cdn/shop/t/6/assets/jkl-skin-test.css.map */