.jangin-challenge-register{background:var(--cr-bg);color:var(--cr-ink);padding:clamp(72px,10vw,120px) var(--jangin-container-padding-x)}.jangin-challenge-register--warm-rice{--cr-bg: var(--jangin-warm-rice);--cr-ink: var(--jangin-onggi);--cr-ink-soft: rgba(62, 20, 15, .72);--cr-ink-faint: rgba(62, 20, 15, .58);--cr-rule: var(--jangin-rule-on-light);--cr-accent: var(--jangin-gochujang);--cr-field-bg: var(--jangin-white);--cr-field-ink: var(--jangin-onggi);--cr-field-border: rgba(62, 20, 15, .32);--cr-field-disabled-bg: rgba(62, 20, 15, .04);--cr-field-disabled-ink: rgba(62, 20, 15, .5);--cr-panel-bg: rgba(62, 20, 15, .03);--cr-panel-border: rgba(62, 20, 15, .22);--cr-btn-bg: var(--jangin-onggi);--cr-btn-ink: var(--jangin-warm-rice);--cr-btn-disabled-bg: rgba(62, 20, 15, .28);--cr-btn-disabled-ink: var(--jangin-warm-rice);--cr-error-ink: var(--jangin-gochujang);--cr-focus: var(--jangin-onggi);--cr-btn-hover-bg: var(--jangin-gochujang);--cr-btn-hover-ink: var(--jangin-text-on-accent)}.jangin-challenge-register--onggi{--cr-bg: var(--jangin-onggi);--cr-ink: var(--jangin-warm-rice);--cr-ink-soft: rgba(248, 251, 240, .78);--cr-ink-faint: rgba(248, 251, 240, .6);--cr-rule: var(--jangin-rule-on-dark);--cr-accent: var(--jangin-perilla);--cr-field-bg: var(--jangin-warm-rice);--cr-field-ink: var(--jangin-onggi);--cr-field-border: rgba(248, 251, 240, .34);--cr-field-disabled-bg: rgba(248, 251, 240, .55);--cr-field-disabled-ink: rgba(62, 20, 15, .55);--cr-panel-bg: rgba(248, 251, 240, .05);--cr-panel-border: rgba(248, 251, 240, .24);--cr-btn-bg: var(--jangin-warm-rice);--cr-btn-ink: var(--jangin-onggi);--cr-btn-disabled-bg: rgba(248, 251, 240, .38);--cr-btn-disabled-ink: rgba(62, 20, 15, .62);--cr-error-ink: var(--jangin-warm-rice);--cr-focus: var(--jangin-warm-rice)}.jangin-challenge-register--black{--cr-bg: var(--jangin-black);--cr-ink: var(--jangin-warm-rice);--cr-ink-soft: rgba(248, 251, 240, .78);--cr-ink-faint: rgba(248, 251, 240, .6);--cr-rule: var(--jangin-rule-on-dark);--cr-accent: var(--jangin-perilla);--cr-field-bg: var(--jangin-warm-rice);--cr-field-ink: var(--jangin-onggi);--cr-field-border: rgba(248, 251, 240, .34);--cr-field-disabled-bg: rgba(248, 251, 240, .55);--cr-field-disabled-ink: rgba(62, 20, 15, .55);--cr-panel-bg: rgba(248, 251, 240, .05);--cr-panel-border: rgba(248, 251, 240, .24);--cr-btn-bg: var(--jangin-warm-rice);--cr-btn-ink: var(--jangin-onggi);--cr-btn-disabled-bg: rgba(248, 251, 240, .38);--cr-btn-disabled-ink: rgba(62, 20, 15, .62);--cr-error-ink: var(--jangin-warm-rice);--cr-focus: var(--jangin-warm-rice)}.jangin-challenge-register--gochujang{--cr-bg: var(--jangin-gochujang);--cr-ink: var(--jangin-text-on-accent);--cr-ink-soft: rgba(248, 251, 240, .78);--cr-ink-faint: rgba(248, 251, 240, .62);--cr-rule: var(--jangin-rule-on-accent);--cr-accent: var(--jangin-perilla);--cr-field-bg: var(--jangin-warm-rice);--cr-field-ink: var(--jangin-onggi);--cr-field-border: rgba(248, 251, 240, .38);--cr-field-disabled-bg: rgba(248, 251, 240, .55);--cr-field-disabled-ink: rgba(62, 20, 15, .55);--cr-panel-bg: rgba(248, 251, 240, .06);--cr-panel-border: rgba(248, 251, 240, .26);--cr-btn-bg: var(--jangin-black);--cr-btn-ink: var(--jangin-warm-rice);--cr-btn-disabled-bg: rgba(0, 0, 0, .35);--cr-btn-disabled-ink: rgba(248, 251, 240, .7);--cr-btn-hover-bg: var(--jangin-onggi);--cr-btn-hover-ink: var(--jangin-warm-rice);--cr-error-ink: var(--jangin-warm-rice);--cr-focus: var(--jangin-warm-rice)}.jangin-challenge-register__inner{max-width:640px;margin:0 auto}.jangin-challenge-register__head{text-align:center;margin-bottom:clamp(32px,4vw,48px)}.jangin-challenge-register__label{color:var(--cr-ink);margin-bottom:18px}.jangin-challenge-register__heading{font-family:var(--jangin-font-display);font-weight:500;font-size:clamp(36px,4.2vw,68px);line-height:1.05;letter-spacing:var(--jangin-tracking-display);color:var(--cr-ink);margin:0;text-wrap:balance}.jangin-challenge-register__sub{font-family:var(--jangin-font-body);font-size:clamp(16px,1.3vw,18px);line-height:1.65;color:var(--cr-ink);opacity:.78;margin:16px auto 0;max-width:44ch;text-wrap:pretty}.jangin-challenge-register__urgency{font-family:var(--jangin-font-body);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:var(--jangin-tracking-label);line-height:1.55;color:var(--cr-accent);margin:18px auto 0;max-width:46ch;text-wrap:balance}.jangin-challenge-register__preview-note{font-family:var(--jangin-font-body);font-size:14px;line-height:1.6;color:var(--cr-ink);background:var(--cr-panel-bg);border:1px dashed var(--cr-panel-border);padding:14px 18px;margin:0 0 28px;text-align:center}.jangin-challenge-register__field{margin-bottom:22px;border:0;padding:0;min-width:0}.jangin-challenge-register__field label,.jangin-challenge-register__field legend{display:block;font-family:var(--jangin-font-body);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:var(--jangin-tracking-label);color:var(--cr-ink);margin-bottom:8px;padding:0}.jangin-challenge-register__field input[type=text],.jangin-challenge-register__field input[type=email],.jangin-challenge-register__field select{width:100%;min-height:48px;padding:13px 16px;font-family:var(--jangin-font-body);font-size:16px;line-height:1.4;color:var(--cr-field-ink);background:var(--cr-field-bg);border:1px solid var(--cr-field-border);border-radius:0;-webkit-appearance:none;appearance:none}.jangin-challenge-register__field select{background-image:linear-gradient(45deg,transparent 50%,var(--jangin-onggi) 50%),linear-gradient(135deg,var(--jangin-onggi) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:44px}.jangin-challenge-register__field input:focus-visible,.jangin-challenge-register__field select:focus-visible,.jangin-challenge-register__check input:focus-visible{outline:2px solid var(--cr-focus);outline-offset:2px}.jangin-challenge-register__field input[aria-invalid=true],.jangin-challenge-register__field select[aria-invalid=true]{border-color:var(--jangin-gochujang)}.jangin-challenge-register__field input:disabled,.jangin-challenge-register__field select:disabled{background:var(--cr-field-disabled-bg);color:var(--cr-field-disabled-ink);cursor:not-allowed}.jangin-challenge-register__prefixed{display:flex;align-items:stretch;border:1px solid var(--cr-field-border);background:var(--cr-field-bg)}.jangin-challenge-register__prefixed span{display:flex;align-items:center;padding:0 4px 0 16px;font-family:var(--jangin-font-body);font-size:16px;color:#3e140f80}.jangin-challenge-register__prefixed input{border:0!important;padding-left:0!important}.jangin-challenge-register__prefixed:has(input:disabled){background:var(--cr-field-disabled-bg)}.jangin-challenge-register__prefixed:has(input[aria-invalid=true]){border-color:var(--jangin-gochujang)}.jangin-challenge-register__prefixed:has(input:disabled) span{color:var(--cr-field-disabled-ink)}.jangin-challenge-register__radios{display:flex;gap:24px;flex-wrap:wrap}.jangin-challenge-register__radios label{display:inline-flex;align-items:center;gap:8px;font-size:15px;text-transform:none;letter-spacing:var(--jangin-tracking-body);font-weight:400;margin:0;min-height:44px}.jangin-challenge-register__hint{font-family:var(--jangin-font-body);font-size:14px;line-height:1.5;color:var(--cr-ink);opacity:.6;margin:8px 0 0}.jangin-challenge-register__err{font-family:var(--jangin-font-body);font-size:14px;line-height:1.5;color:var(--cr-error-ink);margin:8px 0 0;min-height:0}.jangin-challenge-register__err:empty{display:none}.jangin-challenge-register__check{display:flex;align-items:flex-start;gap:12px;font-family:var(--jangin-font-body);font-size:15px;line-height:1.5;letter-spacing:var(--jangin-tracking-body);color:var(--cr-ink);margin:0 0 12px;cursor:pointer;min-height:44px}.jangin-challenge-register__check input{flex:0 0 auto;width:20px;height:20px;margin:2px 0 0;accent-color:var(--cr-accent)}.jangin-challenge-register__check a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:opacity .16s ease}.jangin-challenge-register__check a:hover,.jangin-challenge-register__check a:focus-visible{opacity:.72}.jangin-challenge-register__marketing{margin:4px 0 20px}.jangin-challenge-register__terms{font-family:var(--jangin-font-body);font-size:14px;line-height:1.55;letter-spacing:var(--jangin-tracking-body);color:var(--cr-ink-soft);text-align:center;margin:14px 0 0}.jangin-challenge-register__terms a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.jangin-challenge-register__submit{position:relative;width:100%;min-height:52px;padding:16px 28px;background:var(--cr-btn-bg);border:1px solid var(--cr-btn-bg);color:var(--cr-btn-ink);font-family:var(--jangin-font-body);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:var(--jangin-tracking-label);border-radius:0;cursor:pointer;transition:background var(--jangin-duration) var(--jangin-ease),border-color var(--jangin-duration) var(--jangin-ease),color var(--jangin-duration) var(--jangin-ease)}.jangin-challenge-register__submit:hover:not(:disabled){background:var(--cr-btn-hover-bg);border-color:var(--cr-btn-hover-bg);color:var(--cr-btn-hover-ink)}.jangin-challenge-register__submit:disabled{background:var(--cr-btn-disabled-bg);border-color:transparent;color:var(--cr-btn-disabled-ink);cursor:not-allowed}.jangin-challenge-register__spinner{position:absolute;top:50%;left:50%;margin:-9px 0 0 -9px;display:none;animation:jangin-cr-spin .8s linear infinite}@keyframes jangin-cr-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.jangin-challenge-register__spinner{animation-duration:2.4s}}.jangin-challenge-register__formerr{font-family:var(--jangin-font-body);font-size:14px;line-height:1.55;color:var(--cr-error-ink);margin:14px 0 0;text-align:center}.jangin-challenge-register__formerr:empty{display:none}.jangin-challenge-register__done{display:none;text-align:center}.jangin-challenge-register__inner[data-state=loading] .jangin-challenge-register__submit-label{visibility:hidden}.jangin-challenge-register__inner[data-state=loading] .jangin-challenge-register__spinner{display:block}.jangin-challenge-register__inner[data-state=loading] .jangin-challenge-register__submit{pointer-events:none}.jangin-challenge-register__inner[data-state=success] .jangin-challenge-register__form,.jangin-challenge-register__inner[data-state=success] .jangin-challenge-register__head,.jangin-challenge-register__inner[data-state=success] .jangin-challenge-register__preview-note{display:none}.jangin-challenge-register__inner[data-state=success] .jangin-challenge-register__done{display:block}.jangin-challenge-register__done-heading{font-family:var(--jangin-font-display);font-weight:500;font-size:clamp(28px,3vw,44px);line-height:1.08;letter-spacing:var(--jangin-tracking-display);color:var(--cr-ink);margin:0}.jangin-challenge-register__done-heading:focus-visible{outline:2px solid var(--cr-focus);outline-offset:4px}.jangin-challenge-register__done-body{font-family:var(--jangin-font-body);font-size:clamp(16px,1.3vw,18px);line-height:1.65;color:var(--cr-ink);opacity:.82;margin:16px auto 0;max-width:46ch;text-wrap:pretty}.jangin-challenge-sticky{display:none;position:fixed;left:0;right:0;bottom:0;z-index:20;padding:16px 20px calc(16px + env(safe-area-inset-bottom));background:var(--jangin-onggi);color:var(--jangin-warm-rice);font-family:var(--jangin-font-body);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:var(--jangin-tracking-label);text-align:center;text-decoration:none;min-height:52px}@media(max-width:749px){.jangin-challenge-sticky:not([hidden]){display:block}}.jangin-challenge-sticky[hidden]{display:none}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-jangin-challenge-register.css.map */
