.member-register{padding-top:50px;padding-bottom:50px}@media screen and (min-width:750px){.member-register{padding-top:30px;padding-bottom:30px}}.member-register__card{display:grid;grid-template-columns:600px 600px;overflow:hidden;max-width:1200px;margin:0 auto;position:relative}.member-register__card-left{position:relative;background-color:#e5703a;display:flex;flex-direction:column}.member-register__media{position:relative}.member-register__media picture{display:block}.member-register__media img{top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}@media screen and (min-width:990px){.member-register__media{width:100%;height:auto;min-height:unset}}.member-register__card-left__content{display:flex;flex-direction:column;padding:30px 45px 55px}.member-register__panel{position:relative;background:#f3efe6;color:#000;aspect-ratio:600 / 674}.member-register__close{position:absolute;top:0;right:0;display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;padding:20px;background:transparent;border:0;cursor:pointer}.member-register__close .svg-wrapper{display:inline-flex;width:20px;height:20px;color:#737373}.member-register__close .svg-wrapper svg{width:100%;height:100%}.member-register__inner{padding:64px 24px 32px;display:flex;flex-direction:column;gap:32px}@media screen and (min-width:750px){.member-register__inner{padding:90px 58px 20px}}.member-register__header{display:flex;flex-direction:column}.member-register__logo{display:flex;align-items:center}.member-register__logo svg{width:auto;height:32px;display:block}.member-register__title-group{display:flex;flex-direction:column;gap:16px}.member-register__title{margin:0;font-size:28px;line-height:1.1;font-weight:400;color:#000}.member-register__left-title{margin:0;color:#0a0a0a;font-family:var(--font-heading-family);font-size:32px;font-weight:800;line-height:1.125}.member-register__left-content{font-size:18px;line-height:1.15;color:#0a0a0a;margin-block:20px 0}.member-register__benefits{margin-block:32px 0;color:var(--icon-primary, #0a0a0a);font-size:var(--fontSize-14, 14px);font-weight:var(--Light, 300);line-height:1.3;text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;display:flex;gap:8px;align-items:center}.member-register__subtitle{font-size:16px;line-height:1.13;font-weight:400;color:#404040}.member-register__subtitle span{color:#ca3700}.member-register__form,.member-register__verify_form{display:flex;flex-direction:column;margin-block:46px 0}.member-register__field{display:flex;flex-direction:column;gap:12px}.member-register__label{font-size:14px;line-height:1.3;color:#404040}.member-register__input{border:.8px solid #a3a3a3;border-radius:6px;padding:12px 16px;font-size:16px;line-height:1.3;font-weight:300;background:#fff;outline:none}.member-register__input::placeholder{color:#a3a3a3;opacity:1}.member-register__consent{display:flex;gap:10px;align-items:flex-start;margin-top:16px}.member-register__checkbox{position:absolute;opacity:0;width:1px;height:1px;margin:0}.member-register__consent-label{display:flex;gap:10px;align-items:flex-start;cursor:pointer}.member-register__checkbox-icon{width:16px;height:16px;display:inline-flex;flex:0 0 auto}.member-register__checkbox-icon svg{width:16px;height:16px;display:block}.member-register__checkbox-icon-checked{display:none}.member-register__checkbox:checked+.member-register__consent-label .member-register__checkbox-icon-unchecked{display:none}.member-register__checkbox:checked+.member-register__consent-label .member-register__checkbox-icon-checked{display:inline-flex}.member-register__checkbox:focus-visible+.member-register__consent-label .member-register__checkbox-icon{outline:2px solid #0a0a0a;outline-offset:2px;border-radius:3px}.member-register__consent-text{font-size:12px;line-height:1.3;color:#737373}.member-register__consent-text a{color:#404040;text-decoration:underline;text-underline-offset:2px}.member-register__submit{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;border:0;border-radius:4px;padding:14px 20px 9px;background:#0a0a0a;color:#fff;font-size:16px;line-height:1.35;font-weight:400;text-transform:uppercase;cursor:pointer;margin-top:28px;font-family:var(--font-heading-family)}.member-register__submit:disabled{opacity:.4;cursor:not-allowed}.member-register__submit__spinner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:none;color:#fff;pointer-events:none}.member-register__submit--loading .member-register__submit__spinner{display:block}.member-register__submit--loading .member-register__submit__label{opacity:0}.member-register__submit__spinner-svg{display:block;animation:member-register-submit-spin .65s linear infinite}@keyframes member-register-submit-spin{to{transform:rotate(360deg)}}member-register-tips-container.member-register__toast-host{position:absolute;z-index:100000;display:flex;flex-direction:column;align-items:center;gap:10px;width:min(92vw,380px);pointer-events:none;top:50%;left:50%;transform:translate(-50%,-50%)}.member-register__toast{pointer-events:auto;margin:0;width:100%;box-sizing:border-box;padding:14px 18px;border-radius:10px;font-size:14px;line-height:1.45;font-weight:500;text-align:center;color:#fafafa;background:#262626cc;box-shadow:0 4px 6px -1px #0000001f,0 10px 24px -4px #0000002e;opacity:0;transition:opacity .22s ease,transform .22s ease}.member-register__toast.member-register__toast--show{opacity:1;transform:translateY(0) scale(1)}[data-step=email] .member-register__step-verify,[data-step=verify] .member-register__step-email{display:none}.member-register__back{background-color:unset;border:unset;padding-inline:4px;display:flex;align-items:center;gap:16px;cursor:pointer;width:max-content}.member-register__back span{background:linear-gradient(180deg,#ca3700 2.63%,#641b00 86.84%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:var(--font-heading-family);font-size:20px;font-weight:var(--Light, 400);line-height:1;transform:translateY(3px)}.member-register__step-verify .member-register__subtitle span{text-decoration:underline;text-underline-position:from-font}.member-register__verify_form__header{display:flex;align-items:center;justify-content:space-between}.member-register__verify_form__header__label{flex:1;color:var(--font-secondary, #404040);font-size:14px;line-height:1.3}.member-register__verify_form__header__action{flex-shrink:0;display:flex;font-size:12px;line-height:1.51;color:#8e5641;align-items:center}.member-register__verify_form__header__action__resend{border:unset;background-color:unset;padding:0;color:#ca3700;text-align:right;cursor:pointer;font-size:12px}.member-register__verify_form__header__action__resend:disabled{cursor:not-allowed;color:inherit}[data-counting=true] .member-register__verify_form__header__action__resend,[data-counting=false] .member-register__verify_form__header__action__countdown{display:none}.member-register__verify_form__input{margin-top:12px;display:grid;justify-items:stretch;grid-template-columns:repeat(6,1fr);gap:32px}.member-register__verify_form__input__box{aspect-ratio:53 / 64;border-radius:6px;border:1px solid #c0c0c0;transition:.3s}.member-register__verify_form__input__box:hover,.member-register__verify_form__input__box.focus,.member-register__verify_form__input__box.filled{border-color:#ca3700}input.member-register__verify_form__input__field{width:100%;height:100%;border:unset;background-color:unset;padding:0;text-align:center;color:var(--font-secondary, #404040);font-family:var(--font-heading-family);font-size:var(--fontSize-40, 40px);line-height:1;transform:translateY(4%)}input.member-register__verify_form__input__field:focus-visible{outline-color:transparent;box-shadow:none}.member-register__verify_form__error{margin-block:12px 0;color:#ca3700;font-size:13px;display:none;line-height:1.4}.member-register[data-popup=false] .popup_br{display:none}.member-register__sign-in{margin-top:24px;display:flex;justify-content:center;color:var(--font-primary, #0a0a0a);text-align:center;font-size:16px;gap:2px}.member-register__sign-in-link{text-underline-position:from-font;text-decoration-line:underline}.member-register[data-popup=true]{position:fixed;width:100%;height:100%;top:0;left:0;background-color:#00000080;z-index:2;display:flex;align-items:center;justify-content:center}.member-register[data-popup=true] .page_br{display:none}.member-register[data-popup=true] .member-register__card{grid-template-columns:420px 420px;max-width:1200px}.member-register[data-popup=true] .member-register__card-left__content{padding:24px}.member-register[data-popup=true] .member-register__left-title{font-size:28px;line-height:1.1}.member-register[data-popup=true] .member-register__left-content{font-size:16px;line-height:1.3;margin-block:16px 0}.member-register[data-popup=true] .member-register__benefits{margin-block:24px 0}.member-register[data-popup=true] .member-register__panel{aspect-ratio:420 / 564}.member-register[data-popup=true] .member-register__inner{padding:80px 20px 100px 32px;gap:24px}.member-register[data-popup=true] .member-register__title{font-size:24px;line-height:1.2}.member-register[data-popup=true] .member-register__subtitle{font-size:14px;line-height:1.3}.member-register[data-popup=true] .member-register__form,.member-register[data-popup=true] .member-register__verify_form{margin-block:32px 0}.member-register[data-popup=true] .member-register__field{gap:8px}.member-register[data-popup=true] .member-register__submit{margin-top:24px}.member-register[data-popup=true] .member-register__verify_form__input__box{aspect-ratio:44 / 53}.member-register[data-popup=true] input.member-register__verify_form__input__field{font-size:var(--fontSize-40, 32px)}.member-register[data-popup=true] .member-register__verify_form__input{gap:20px}@media(max-width:1400px){.member-register__card{grid-template-columns:1fr 1fr;padding-inline:24px}.member-register__card-left__content{padding:20px 30px}.member-register__inner{padding:50px 30px}.member-register__panel{aspect-ratio:unset}}@media(min-width:1001px){.member-register__m-picture,.member-register__panel .member-register__benefits{display:none}}@media(max-width:1000px){.member-register__card,.member-register[data-popup=true] .member-register__card{grid-template-columns:1fr}.member-register[data-popup=true] .member-register__card{padding-inline:0}.member-register__panel{background:url(https://cdn.shopify.com/s/files/1/0545/3548/7677/files/shokz-member-register-bg-zd.webp?v=1774937483) -15.53px -31.111px / 115.005% 109.062% no-repeat,#f3efe6}.member-register__card-left,.member-register__logo{display:none}.member-register__m-picture{display:block}.member-register__inner{padding:33px 16px}.member-register__benefits{justify-content:center}.member-register[data-popup=true] .member-register__panel{aspect-ratio:393/628;max-height:65vh;max-width:65vw;display:flex;flex-direction:column}.member-register[data-popup=true] .member-register__inner{padding:50px 20px 16px 32px;flex:1}.member-register[data-popup=true] .member-register__inner-content-box{height:100%}.member-register[data-popup=true] .member-register__inner-content-box{display:flex;flex-direction:column;justify-content:space-between}.member-register[data-popup=true] .member-register__submit{margin-top:12px}.member-register__sign-in{font-size:14px;margin-top:16px}}@media(max-width:1000px)and (min-width:750px){.member-register__consent-label{align-items:center}.member-register__consent-text{line-height:1}}@media(max-width:749px){.member-register{padding-block:25px}.member-register__panel{overflow:hidden}.member-register__inner{padding:33px 16px 16px}.member-register__title{font-size:20px;line-height:1.2}.member-register__title-group,.member-register__field{gap:8px}.member-register__card{padding-inline:16px}.member-register__subtitle{line-height:1.3}.member-register__inner{gap:24px}.member-register__label{font-size:12px;line-height:1.5}.member-register__input{padding:10px 16px 10px 26px;font-size:14px}.member-register__submit{padding:11px 20px 7px;margin-top:20px}.member-register__benefits{margin-top:100px;font-size:var(--fontSize-14, 12px);justify-content:center;gap:6px;position:relative}.member-register__benefits span{line-height:1}.member-register__benefits:after{content:"";width:100%;height:90px;background-color:#ff956599;border-radius:50% 40% 60% 30%/40% 50% 30% 60%;filter:blur(73px);position:absolute;z-index:0;bottom:-70px;pointer-events:none}.member-register__inner *{z-index:1}.member-register__form,.member-register__verify_form,.member-register[data-popup=true] .member-register__form,.member-register[data-popup=true] .member-register__verify_form{margin-block:24px 0}.member-register__back{display:none}.member-register__verify_form__input{gap:23px}.member-register__verify_form__input__box{aspect-ratio:41 / 53}input.member-register__verify_form__input__field{font-size:var(--fontSize-40, 22px)}.member-register[data-popup=true] .member-register__panel{aspect-ratio:343/500;max-width:90vw}.member-register[data-popup=true] .member-register__inner{padding:19px 16px 12px}.member-register[data-popup=true] .member-register__title{font-size:16px;line-height:1.3}.member-register[data-popup=true] .member-register__title-group{gap:6px}.member-register[data-popup=true] .member-register__input{font-size:12px}.member-register[data-popup=true] .member-register__submit{margin-top:16px}.member-register[data-popup=true] .member-register__verify_form__input{margin-top:8px;gap:13px}.member-register[data-popup=true] input.member-register__verify_form__input__field{font-size:var(--fontSize-40, 28px)}.member-register[data-popup=true] .member-register__verify_form__error{margin-block:8px 0;font-size:12px}}@media(max-width:450px){.member-register[data-popup=true] .member-register__panel{max-height:unset;aspect-ratio:auto}}
/*# sourceMappingURL=/cdn/shop/t/542/assets/member-register.css.map */