.login-block-demo{position:relative;overflow:hidden}.login-block-demo__brand{display:inline-flex;align-items:center;gap:.625rem;color:var(--kappa-default);font-size:.875rem;font-weight:650;letter-spacing:-.01em}.login-block-demo__brand-mark{display:flex;inline-size:1.125rem;flex:none}.login-block-demo__brand-mark .kappa-dicehub-logo{inline-size:100%;block-size:auto;color:var(--kappa-default)}.login-block-demo:is([data-login-block=panel],[data-login-block=email-only],[data-login-block=neutral-background]) .login-block-demo__brand{inline-size:9.0625rem;block-size:2.375rem;gap:.90625rem;font-size:1.625rem;line-height:1}.login-block-demo:is([data-login-block=panel],[data-login-block=email-only],[data-login-block=neutral-background]) .login-block-demo__brand-mark{inline-size:2rem}.login-block-demo[data-login-block=neutral-background]{--kappa-login-layout-max-inline-size: 17.5rem;--kappa-line: #dcdcdc;background:#f4f4f4}.login-block-demo[data-login-block=neutral-background] .kappa-login-layout__primary{grid-template-columns:minmax(0,1fr)}.login-block-demo[data-login-block=neutral-background] .kappa-login-layout__brand{inline-size:min(35.625rem,calc(100vw - 2rem));justify-self:center;padding-block-end:1.5625rem;border-block-end:1px solid #ebebeb}.login-form-demo{display:grid;inline-size:100%;gap:0}.login-form-demo__secondary-links,.login-form-demo__status{margin:0;color:var(--kappa-subtle);font-size:.8125rem;line-height:1.5}.login-form-demo__fields{display:grid;gap:1.25rem}.login-form-demo .kappa-field__label{font-size:.8125rem;line-height:1}.login-form-demo .kappa-field__input{font-size:.9375rem;font-weight:400;line-height:1.4}.login-form-demo__password-control{position:relative}.login-form-demo__password-control .kappa-field__input{padding-inline-end:2.25rem}.login-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%)}.login-form-demo__password-toggle:hover{background:var(--kappa-tint);color:var(--kappa-default)}.login-form-demo__password-toggle:focus-visible{outline:2px solid var(--kappa-focus);outline-offset:-2px}.login-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}.login-form-demo>.kappa-checkbox{margin-block-start:1.25rem;font-size:.8125rem;line-height:1.3}.login-form-demo>.kappa-button{margin-block-start:1.25rem}.login-form-demo .kappa-button{font-size:1rem;font-weight:600;line-height:1}.login-form-demo__divider{margin-block:2.1875rem 1.5625rem;overflow:hidden;text-align:center;color:var(--kappa-subtle);font-size:.8125rem}.login-form-demo__divider span{position:relative;display:inline-block;vertical-align:middle}.login-form-demo__divider span:before,.login-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:""}.login-form-demo__divider span:before{inset-inline-start:calc(100% + .625rem)}.login-form-demo__divider span:after{inset-inline-end:calc(100% + .625rem)}.login-form-demo__provider-buttons{display:grid;gap:1rem}.login-form-demo .kappa-button svg{inline-size:1rem;block-size:1rem;margin-inline-end:.375rem;vertical-align:-.1875rem}.login-form-demo__provider-buttons .login-form-demo__provider-button:first-child svg{inline-size:1.5rem;block-size:1.5rem}.login-form-demo__provider-buttons .login-form-demo__provider-button:last-child svg{inline-size:1.25rem;block-size:1.25rem}.login-form-demo .login-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)}.login-form-demo__secondary-links,.login-form-demo__status{min-block-size:1.25rem;text-align:center}.login-form-demo__secondary-links{display:grid;gap:.25rem;margin-block-start:1.75rem}.login-form-demo__secondary-links p{margin:0}.login-form-demo__status:not(:empty){margin-block-start:1rem;color:var(--kappa-success-text, var(--kappa-success))}.login-block-demo[data-login-block=neutral-background] .kappa-login-layout__footer{margin-block-start:2.5rem}.login-block-demo .kappa-login-layout__footer a{color:inherit;text-underline-offset:.15em}.login-block-demo__sign-up{--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}.login-block-demo:not([data-standalone])[data-login-block=split] .kappa-login-layout__frame{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}.login-block-demo:not([data-standalone])[data-login-block=split] .kappa-login-layout__primary{padding:clamp(1.5rem,4vw,2.25rem)}.login-block-demo__engine{position:absolute;inset:0;overflow:hidden;background:#050403;color:#fff8ec}.login-block-demo__engine>.login-engine-graphic{position:absolute;inset:0;inline-size:100%;block-size:100%}.login-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}.login-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}.login-block-demo__visual>.login-mesh-graphic{position:absolute;inset:0;inline-size:100%;block-size:100%}.login-block-demo__telemetry,.login-block-demo__visual>p{position:relative;z-index:1}.login-block-demo__telemetry{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);box-shadow:0 .75rem 2rem #0000003d}.login-block-demo__telemetry span,.login-block-demo__telemetry small{color:#d0efeda8;font-size:.6875rem}.login-block-demo__telemetry span{letter-spacing:.08em}.login-block-demo__telemetry strong{font-size:.8125rem;font-weight:650}.login-block-demo__visual>p{max-inline-size:22rem;margin:1rem 0 0;color:#def6f4b3;font-size:.8125rem;line-height:1.5}@media(max-width:48rem){.login-block-demo__sign-up{inset-block-start:1rem}}