.jss{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-top:var(--jss-pt, 184px);padding-bottom:var(--jss-pb, 200px);background:var(--jss-bg, transparent);overflow-x:clip}.jss__inner{display:flex;flex-direction:column;gap:48px;max-width:1134px;margin:0 auto;padding:0 24px}.jss__header{display:flex;flex-direction:column;gap:16px;max-width:878px;margin:0 auto;text-align:center}.jss__title{margin:0;color:var(--jss-heading);font-size:40px;line-height:48px;font-weight:600;letter-spacing:.25px}.jss__subtitle,.jss__subtitle p{margin:0;color:var(--jss-body);font-size:20px;line-height:32px;letter-spacing:.25px}.jss__slider{display:flex;flex-direction:column;gap:32px}.jss__stage{position:relative;width:var(--jss-card, 368px);max-width:100%;aspect-ratio:var(--jss-ratio, 1 / 1);margin:0 auto 13px;perspective:1200px;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}.jss__slider.is-dragging .jss__stage{cursor:grabbing}.jss__card{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:24px;overflow:hidden;background-color:#cce2ff;box-shadow:0 0 12px #15213833;transition:transform .6s ease;will-change:transform}.jss__card:nth-child(6n+2){background-color:#8fc1ff}.jss__card:nth-child(6n+3){background-color:#6badf5}.jss__card:nth-child(6n+4){background-color:#4095f2}.jss__card:nth-child(6n+5){background-color:#538ee1}.jss__card:nth-child(6n+6){background-color:#3c7fdd}.jss__card--image{background-color:transparent!important}.jss__img{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-drag:none;pointer-events:none}.jss__shade{display:none}.jss--shaded .jss__shade{display:block;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transition:opacity .6s ease}.jss__shade--l{background:linear-gradient(to right,#070b1273,#070b1200);opacity:var(--jss-shade-l, 0)}.jss__shade--r{background:linear-gradient(to left,#070b1273,#070b1200);opacity:var(--jss-shade-r, 0)}joii-studies-steps:not(:defined) .jss__card:not(:first-child){visibility:hidden}.jss__controls{display:flex;align-items:center;gap:24px;width:100%;max-width:1086px;margin:0 auto}.jss__arrow{flex:none;display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:10px;border:0;border-radius:8px;background:none;cursor:pointer}.jss__arrow svg{width:28px;height:28px}.jss__arrow:hover:not(:disabled){background:#cce2ff80}.jss__arrow:disabled{opacity:.35;cursor:not-allowed}.jss__track{position:relative;flex:1 1 auto;min-width:0;height:57px}.jss__bar{position:absolute;left:0;right:0;top:50%;height:16px;transform:translateY(-50%);display:flex;justify-content:space-between;border-radius:24px;background-image:linear-gradient(90deg,var(--jss-g1) 0%,var(--jss-g2) 15%,var(--jss-g3) 35%,var(--jss-g4) 55%,var(--jss-g5) 75%,var(--jss-g6) 100%)}.jss__dot{flex:none;width:16px;height:16px;padding:0;border:0;border-radius:50%;background:#fdfdfc99;cursor:pointer}.jss__handle{position:absolute;top:0;left:0;width:57px;height:57px;box-sizing:border-box;border:4px solid #fdfdfc;border-radius:50%;background-color:#152138;background-position:center;background-size:cover;background-repeat:no-repeat;box-shadow:0 0 8px #15213833;cursor:grab;touch-action:none;transition:transform .6s ease}.jss__slider.is-dragging .jss__handle{cursor:grabbing}.jss__handle:focus-visible{outline:2px solid #1561d3;outline-offset:3px}.jss__texts{display:grid;text-align:center;letter-spacing:.25px}.jss__text{grid-area:1 / 1;display:flex;flex-direction:column;gap:16px;width:100%;max-width:878px;margin:0 auto;transition:opacity .6s ease}.jss__text:not(.is-active){visibility:hidden}.jss__slider.is-dragging .jss__text{visibility:visible}joii-studies-steps:not(:defined) .jss__text:not(:first-child){opacity:0}.jss__text-heading{margin:0;color:var(--jss-heading);font-size:32px;line-height:48px;font-weight:600;letter-spacing:.25px}.jss__text-heading strong{font-weight:700}.jss__text-body,.jss__text-body p{margin:0;font-weight:400;color:var(--jss-body);font-size:20px;line-height:32px}.jss__text-body p+p{margin-top:12px}.jss__text-body a{color:#1561d3}.jss__slider.is-dragging .jss__card,.jss__slider.is-dragging .jss__shade,.jss__slider.is-dragging .jss__handle,.jss__slider.is-dragging .jss__text{transition:none}@media(max-width:989px){.jss{padding-top:min(var(--jss-pt),64px);padding-bottom:min(var(--jss-pb),80px)}.jss__inner{padding:0 16px;gap:32px}.jss__stage{width:min(400px,100%);margin-bottom:0}.jss--shaded .jss__shade{display:none}.jss__controls{gap:8px}.jss__text-heading{font-size:24px;line-height:32px}.jss__text-body,.jss__text-body p{font-size:16px;line-height:24px}}@media(prefers-reduced-motion:reduce){.jss__card,.jss__shade,.jss__handle,.jss__text{transition-duration:1ms}}
/*# sourceMappingURL=/cdn/shop/t/119/assets/joii-studies-steps.css.map */