.signup-block-demo{--kappa-login-layout-max-inline-size: 25rem;--kappa-line: #dcdcdc;position:relative;overflow:hidden}.signup-block-demo__brand{display:inline-flex;inline-size:9.0625rem;block-size:2.375rem;align-items:center;gap:.90625rem;color:var(--kappa-default);font-size:1.625rem;font-weight:650;letter-spacing:-.025em;line-height:1}.signup-block-demo__brand-mark{display:flex;inline-size:2rem;flex:none}.signup-block-demo__brand-mark .kappa-dicehub-logo{inline-size:100%;block-size:auto;color:var(--kappa-default)}.signup-block-demo[data-signup-block=complete]{--kappa-login-layout-max-inline-size: 35.625rem;background:#f4f4f4}.signup-block-demo[data-signup-block=complete] .kappa-login-layout__brand{margin-block-end:.375rem}.signup-block-demo[data-signup-block=complete] .signup-form-demo{max-inline-size:25rem;margin-inline:auto}.signup-block-demo[data-signup-block=complete] .signup-block-demo__title{margin-block-end:3rem;color:var(--kappa-dicehub-logo-ink, #333333);font-size:1.875rem;font-weight:600;line-height:2.1875rem}.signup-block-demo[data-signup-block=split]{--kappa-login-layout-max-inline-size: none}.signup-block-demo[data-signup-block=split] .kappa-login-layout__body,.signup-block-demo[data-signup-block=split] .kappa-login-layout__footer{max-inline-size:25rem}.signup-block-demo[data-signup-block=panel]{--kappa-login-layout-max-inline-size: 31rem}.signup-block-demo[data-signup-block=media-card]{--kappa-login-layout-max-inline-size: 66rem}.signup-block-demo[data-signup-block=media-card] .kappa-login-layout__frame{grid-template-columns:minmax(20rem,.82fr) minmax(25rem,1fr)}.signup-block-demo[data-signup-block=media-card] .kappa-login-layout__primary{padding:clamp(1.5rem,4vw,3rem)}.signup-form-demo{display:grid;inline-size:100%;min-inline-size:0;gap:0}.signup-block-demo__title,.signup-form-demo__sign-in,.signup-form-demo__status{margin:0}.signup-block-demo__title{margin-block-end:.875rem;color:var(--kappa-default);font-size:clamp(1.25rem,2vw,1.5rem);font-weight:650;letter-spacing:-.025em;line-height:1.2;text-align:center}.signup-form-demo__sign-in,.signup-form-demo__status{color:var(--kappa-subtle);font-size:.75rem;line-height:1.45}.signup-form-demo__fields{display:grid;min-inline-size:0;gap:.75rem}.signup-form-demo__password-control{position:relative}.signup-form-demo__password-control .kappa-field__input{padding-inline-end:2.25rem}.signup-form-demo__password-toggle{position:absolute;inset-block-start:50%;inset-inline-end:.375rem;display:grid;inline-size:1.5rem;block-size:1.5rem;margin:0;padding:0;border:0;border-radius:.3125rem;background:transparent;color:var(--kappa-subtle);cursor:pointer;place-items:center;transform:translateY(-50%)}.signup-form-demo__password-toggle:hover{background:color-mix(in srgb,var(--kappa-default) 5%,transparent);color:var(--kappa-default)}.signup-form-demo__password-toggle:focus-visible{outline:2px solid var(--kappa-focus);outline-offset:-2px}.signup-form-demo__password-toggle svg{display:block;inline-size:.875rem;block-size:.875rem;flex:none;fill:none;pointer-events:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75}.signup-form-demo__password-feedback{--signup-password-strength-color: var(--kappa-subtle);display:grid;gap:.375rem}.signup-form-demo__password-feedback[data-score="1"]{--signup-password-strength-color: var(--kappa-danger-solid)}.signup-form-demo__password-feedback[data-score="2"]{--signup-password-strength-color: var(--kappa-warning-solid)}.signup-form-demo__password-feedback[data-score="3"]{--signup-password-strength-color: var(--kappa-accent-solid)}.signup-form-demo__password-feedback[data-score="4"]{--signup-password-strength-color: var(--kappa-success-solid)}.signup-form-demo__password-strength{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.25rem}.signup-form-demo__password-strength i{display:block;block-size:.125rem;border-radius:999px;background:var(--kappa-line)}.signup-form-demo__password-strength i[data-active]{background:var(--signup-password-strength-color)}.signup-form-demo__password-feedback:not([data-score="0"]) .signup-form-demo__password-message{color:var(--signup-password-strength-color)}.signup-form-demo__terms.kappa-checkbox{inline-size:100%;margin-block-start:.875rem;align-items:flex-start;font-size:.75rem;line-height:1.45}.signup-form-demo__terms .kappa-checkbox__control{margin-block-start:.0625rem}.signup-form-demo__terms .kappa-link{display:inline}.signup-form-demo>.kappa-button{margin-block-start:1.25rem}.signup-form-demo .kappa-button{font-size:1rem;font-weight:600;line-height:1}.signup-form-demo__providers{inline-size:100%;max-inline-size:17.5rem;margin-block-start:2.1875rem;margin-inline:auto}.signup-form-demo__divider{margin-block-end:1.5625rem;overflow:hidden;color:var(--kappa-subtle);font-size:.8125rem;text-align:center}.signup-form-demo__divider span{position:relative;display:inline-block;vertical-align:middle}.signup-form-demo__divider span:before,.signup-form-demo__divider span:after{position:absolute;inset-block-start:50%;display:block;inline-size:12.5rem;block-size:1px;background:var(--kappa-line);content:""}.signup-form-demo__divider span:before{inset-inline-start:calc(100% + .625rem)}.signup-form-demo__divider span:after{inset-inline-end:calc(100% + .625rem)}.signup-form-demo__provider-buttons{display:grid;gap:1rem}.signup-form-demo .kappa-button svg{inline-size:1rem;block-size:1rem;margin-inline-end:.375rem;vertical-align:-.1875rem}.signup-form-demo__provider-buttons .signup-form-demo__provider-button:first-child svg{inline-size:1.5rem;block-size:1.5rem}.signup-form-demo__provider-buttons .signup-form-demo__provider-button:last-child svg{inline-size:1.25rem;block-size:1.25rem}.signup-form-demo .signup-form-demo__provider-button{--kappa-button-border: color-mix(in srgb, var(--kappa-default) 18%, transparent);--kappa-button-hover-background: color-mix(in srgb, var(--kappa-default) 4%, transparent);--kappa-button-active-background: color-mix(in srgb, var(--kappa-default) 7%, transparent)}.signup-form-demo__sign-in,.signup-form-demo__status{text-align:center}.signup-form-demo__sign-in{margin-block-start:1.75rem}.signup-form-demo__status{margin-block-start:.875rem;color:var(--kappa-success-text, var(--kappa-success))}.signup-block-demo[data-signup-block=email-only] .signup-form-demo{gap:0}.signup-block-demo .kappa-login-layout__footer a{color:inherit;text-underline-offset:.15em}.signup-block-demo__sign-in{--kappa-button-background: #f7f4ef;--kappa-button-border: rgba(255, 255, 255, .62);--kappa-button-foreground: #19150f;--kappa-button-hover-background: #ffffff;position:absolute;z-index:5;inset-block-start:1.75rem;inset-inline-end:1rem;box-shadow:0 1px 2px #0003}.signup-block-demo:not([data-standalone])[data-signup-block=split] .kappa-login-layout__frame{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}.signup-block-demo:not([data-standalone])[data-signup-block=split] .kappa-login-layout__primary{padding:clamp(1.5rem,4vw,2.25rem)}.signup-block-demo__engine{position:absolute;inset:0;overflow:hidden;background:#050403;color:#fff8ec}.signup-block-demo__engine>.login-engine-graphic,.signup-block-demo__visual>.login-mesh-graphic{position:absolute;inset:0;inline-size:100%;block-size:100%}.signup-block-demo__visual{position:absolute;inset:0;display:flex;min-block-size:100%;flex-direction:column;justify-content:flex-end;padding:clamp(1.5rem,4vw,3rem);overflow:hidden;background:#041015;color:#e8fbf9}.signup-block-demo__visual:after{position:absolute;inset:0;background:linear-gradient(to top,rgba(4,16,21,.97) 3%,transparent 58%);content:"";pointer-events:none}.signup-block-demo__telemetry{position:relative;z-index:1;display:grid;inline-size:min(100%,16rem);gap:.1875rem;padding:.875rem;border:1px solid rgba(120,207,205,.28);border-radius:.625rem;background:#041015c7;backdrop-filter:blur(.75rem)}.signup-block-demo__telemetry span,.signup-block-demo__telemetry small{color:#d0efeda8;font-size:.6875rem}.signup-block-demo__telemetry span{letter-spacing:.08em}.signup-block-demo__telemetry strong{font-size:.8125rem;font-weight:650}@media(max-width:48rem){.signup-block-demo[data-signup-block=media-card] .kappa-login-layout__frame{grid-template-columns:minmax(0,1fr)}.signup-block-demo__sign-in{inset-block-start:1rem}}@media(prefers-reduced-motion:reduce){.signup-form-demo__password-toggle,.signup-form-demo__password-strength i{transition:none}}