.section-open-eh-stu-step-oct{--step-oct-accent: #5000ac;--step-oct-ink: #2f2f2f;--step-oct-muted: #737373;--step-oct-white: #fff;--step-oct-btn: #050505;--step-oct-spark: #6523e3;position:relative;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;overflow:hidden;background:#f3f2fa;aspect-ratio:393 / 500;padding-top:var(--step-oct-pt-mb, 64px);padding-bottom:var(--step-oct-pb-mb, 64px)}.section-open-eh-stu-step-oct__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.section-open-eh-stu-step-oct>.page-width{position:relative;z-index:1;width:100%}.section-open-eh-stu-step-oct__media-shift{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.section-open-eh-stu-step-oct__bg-img{position:absolute;top:0;right:0;bottom:0;left:0;display:none;width:100%;height:100%;object-fit:cover;object-position:center center}.section-open-eh-stu-step-oct__bg-img--mb{display:block}.section-open-eh-stu-step-oct__overlay{position:absolute;top:0;right:0;left:0;height:calc(500 * 100vw / 393);background:linear-gradient(to top,#00000080,#0000 50%)}.section-open-eh-stu-step-oct__inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:calc(40 * 100vw / 393);width:100%}.section-open-eh-stu-step-oct__heading{margin:0;width:100%;color:#0a0a0a;font-family:var(--Shokz-Sans-Display, "Shokz Sans Display"),sans-serif;font-size:calc(24 * 100vw / 393);font-weight:500;line-height:calc(32 * 100vw / 393);letter-spacing:.16px;text-align:center;word-break:break-word}.section-open-eh-stu-step-oct--has-media .section-open-eh-stu-step-oct__heading{color:var(--step-oct-white);text-align:center}.section-open-eh-stu-step-oct__steps{display:flex;flex-direction:column;align-items:center;gap:calc(16 * 100vw / 393);width:100%;padding:calc(24 * 100vw / 393) calc(16 * 100vw / 393);border-radius:calc(12 * 100vw / 393);background:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.section-open-eh-stu-step-oct__track{display:flex;justify-content:center;width:100%}.section-open-eh-stu-step-oct__track-icons{display:flex;align-items:flex-start;width:calc(292 * 100vw / 393);max-width:100%}.section-open-eh-stu-step-oct__track-item{display:flex;flex-direction:column;align-items:center;flex-shrink:0;gap:calc(8 * 100vw / 393)}.section-open-eh-stu-step-oct__connector{flex:1 1 0;min-width:calc(12 * 100vw / 393);height:0;margin-top:calc(24 * 100vw / 393);border-top:1px dashed var(--step-oct-accent)}.section-open-eh-stu-step-oct__icon-btn,.section-open-eh-stu-step-oct__label-btn{margin:0;padding:0;border:0;background:transparent;cursor:pointer}.section-open-eh-stu-step-oct__icon-btn{display:flex;align-items:center;justify-content:center;width:calc(48 * 100vw / 393);height:calc(48 * 100vw / 393);border:1px solid var(--step-oct-accent);border-radius:50%;background:var(--step-oct-white);color:var(--step-oct-accent)}.section-open-eh-stu-step-oct__icon-btn.is-active,.section-open-eh-stu-step-oct__icon-btn.is-done{border-color:var(--step-oct-accent);background:var(--step-oct-accent);color:var(--step-oct-white)}.section-open-eh-stu-step-oct__icon-svg{display:block;width:calc(18 * 100vw / 393);height:calc(18 * 100vw / 393)}.section-open-eh-stu-step-oct__label-btn{color:var(--step-oct-muted);font-family:"Young Serif",serif;font-size:calc(20 * 100vw / 393);font-weight:400;line-height:1;letter-spacing:-1px;white-space:nowrap}.section-open-eh-stu-step-oct__label-btn.is-active,.section-open-eh-stu-step-oct__label-btn.is-done{color:var(--step-oct-accent)}.section-open-eh-stu-step-oct__cards{width:100%}.section-open-eh-stu-step-oct__card{display:flex;flex-direction:column;align-items:center;gap:calc(16 * 100vw / 393);width:100%;text-align:center}.section-open-eh-stu-step-oct__card:not(.is-active){display:none}.section-open-eh-stu-step-oct__card-icon,.section-open-eh-stu-step-oct__card-step{display:none}.section-open-eh-stu-step-oct__card-copy{display:flex;flex-direction:column;align-items:center;gap:calc(8 * 100vw / 393);width:100%}.section-open-eh-stu-step-oct__card-title,.section-open-eh-stu-step-oct__card-desc,.section-open-eh-stu-step-oct__card-step{margin:0;word-break:break-word}.section-open-eh-stu-step-oct__card-title{color:var(--step-oct-ink);font-family:var(--Shokz-Sans-Display, "Shokz Sans Display"),sans-serif;font-size:calc(24 * 100vw / 393);font-weight:500;line-height:calc(32 * 100vw / 393);letter-spacing:.16px}.section-open-eh-stu-step-oct__card-desc{color:var(--step-oct-ink);font-family:var(--Shokz-Sans-Text, "Shokz Sans Text"),sans-serif;font-size:calc(16 * 100vw / 393);font-weight:400;line-height:calc(22 * 100vw / 393);letter-spacing:.16px;text-align:left}.section-open-eh-stu-step-oct__cta{display:flex;align-items:center;justify-content:center;gap:calc(14 * 100vw / 393)}.section-open-eh-stu-step-oct__spark{position:relative;flex-shrink:0;width:calc(12 * 100vw / 393);height:calc(44 * 100vw / 393)}.section-open-eh-stu-step-oct__spark span{position:absolute;left:50%;width:calc(2 * 100vw / 393);height:calc(8 * 100vw / 393);margin-left:calc(-1 * 100vw / 393);border-radius:calc(6 * 100vw / 393);background:var(--step-oct-spark)}.section-open-eh-stu-step-oct__spark span:nth-child(1){top:0;transform:rotate(45deg)}.section-open-eh-stu-step-oct__spark span:nth-child(2){top:28%;margin-left:calc(2 * 100vw / 393);transform:rotate(71deg)}.section-open-eh-stu-step-oct__spark span:nth-child(3){top:56%;margin-left:calc(2 * 100vw / 393);transform:rotate(97deg)}.section-open-eh-stu-step-oct__spark span:nth-child(4){top:78%;transform:rotate(137deg)}.section-open-eh-stu-step-oct__spark--start{transform:scaleX(-1)}.section-open-eh-stu-step-oct__btn{display:inline-flex;align-items:center;justify-content:center;min-height:calc(40 * 100vw / 393);padding:calc(11 * 100vw / 393) calc(20 * 100vw / 393) calc(9 * 100vw / 393);border-radius:calc(4 * 100vw / 393);background:var(--step-oct-btn);color:var(--step-oct-white);font-family:var(--Shokz-Sans-Display, "Shokz Sans Display"),sans-serif;font-size:calc(16 * 100vw / 393);font-weight:500;line-height:calc(20.8 * 100vw / 393);letter-spacing:0;text-align:center;text-decoration:none;transition:background-color .3s ease}.section-open-eh-stu-step-oct__btn:hover{color:#fffb}.section-open-eh-stu-step-oct__btn:active{background:var(--step-oct-accent)}.section-open-eh-stu-step-oct__icon-btn:focus-visible,.section-open-eh-stu-step-oct__label-btn:focus-visible,.section-open-eh-stu-step-oct__btn:focus-visible{outline:2px solid var(--step-oct-accent);outline-offset:2px}@media(hover:hover){.section-open-eh-stu-step-oct__btn:hover{background:var(--step-oct-accent);color:#fff}}@media screen and (min-width:769px){.section-open-eh-stu-step-oct--has-media .section-open-eh-stu-step-oct__heading{text-align:left}.section-open-eh-stu-step-oct{aspect-ratio:1440 / 774;padding-top:var(--step-oct-pt-pc, 64px);padding-bottom:var(--step-oct-pb-pc, 64px)}.section-open-eh-stu-step-oct__bg-img{display:none}.section-open-eh-stu-step-oct__bg-img--1440{display:block}.section-open-eh-stu-step-oct__overlay{height:auto;bottom:0;background:linear-gradient(to right,#00000080,#0000001a)}.section-open-eh-stu-step-oct__inner{gap:min(32px,calc(32 * 100vw / 1440))}.section-open-eh-stu-step-oct__heading{font-size:min(42px,calc(42 * 100vw / 1440));line-height:min(50px,calc(50 * 100vw / 1440))}.section-open-eh-stu-step-oct__steps{gap:min(24px,calc(24 * 100vw / 1440));padding:0;border-radius:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.section-open-eh-stu-step-oct__track{display:none}.section-open-eh-stu-step-oct__cards{display:flex;align-items:stretch;gap:min(24px,calc(24 * 100vw / 1440))}.section-open-eh-stu-step-oct__card,.section-open-eh-stu-step-oct__card:not(.is-active){display:flex;flex:1 1 0;min-width:0;gap:min(24px,calc(24 * 100vw / 1440));padding:min(24px,calc(24 * 100vw / 1440));border-radius:min(12px,calc(12 * 100vw / 1440));background:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.section-open-eh-stu-step-oct__card-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:min(64px,calc(64 * 100vw / 1440));height:min(64px,calc(64 * 100vw / 1440));border:1px solid var(--step-oct-white);border-radius:50%;background:var(--step-oct-accent);color:var(--step-oct-white)}.section-open-eh-stu-step-oct__card-icon .section-open-eh-stu-step-oct__icon-svg{width:min(24px,calc(24 * 100vw / 1440));height:min(24px,calc(24 * 100vw / 1440))}.section-open-eh-stu-step-oct__card-step{display:block;color:var(--step-oct-accent);font-family:"Young Serif",serif;font-size:min(24px,calc(24 * 100vw / 1440));font-weight:400;line-height:1;letter-spacing:-1.2px}.section-open-eh-stu-step-oct__card-copy{align-items:stretch;gap:min(8px,calc(8 * 100vw / 1440));width:100%}.section-open-eh-stu-step-oct__card-title{width:100%;font-size:min(28px,calc(28 * 100vw / 1440));line-height:min(36px,2.5vw);text-align:center}.section-open-eh-stu-step-oct__card-desc{width:100%;font-size:min(16px,calc(16 * 100vw / 1440));line-height:min(22px,calc(22 * 100vw / 1440));text-align:left}.section-open-eh-stu-step-oct__cta{gap:0;width:100%}.section-open-eh-stu-step-oct__spark{display:none}.section-open-eh-stu-step-oct__btn{width:100%;min-height:min(40px,calc(40 * 100vw / 1440));padding:min(13px,calc(13 * 100vw / 1440)) min(32px,calc(32 * 100vw / 1440));border-radius:min(4px,calc(4 * 100vw / 1440));font-family:var(--Shokz-Sans-Text, "Shokz Sans Text"),sans-serif;font-size:min(16px,calc(16 * 100vw / 1440));font-weight:400;line-height:min(22px,calc(22 * 100vw / 1440));letter-spacing:.16px}}@media screen and (min-width:1920px){.section-open-eh-stu-step-oct{aspect-ratio:1920 / 494}.section-open-eh-stu-step-oct__bg-img{display:none}.section-open-eh-stu-step-oct__bg-img--1920{display:block}}@media(prefers-reduced-motion:reduce){.section-open-eh-stu-step-oct__media-shift{transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/334/assets/section-open-eh-stu-step-oct.css.map */