@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}.auth.svelte-5bky5h{padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 10);background-color:color-mix(in srgb, var(--bg) var(--un-bg-opacity), transparent);gap:calc(var(--spacing) * 5);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.brand.svelte-5bky5h{font-size:var(--text-sm-fontSize);line-height:var(--un-leading,var(--text-sm-lineHeight));gap:calc(var(--spacing) * 2);align-items:center;display:flex}.logo.svelte-5bky5h{color:color-mix(in srgb, var(--on-accent) var(--un-text-opacity), transparent);--un-font-weight:var(--fontWeight-bold);font-weight:var(--fontWeight-bold);background-color:color-mix(in srgb, var(--accent) var(--un-bg-opacity), transparent);width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7);border-radius:7px;justify-content:center;align-items:center;display:inline-flex}.box.svelte-5bky5h{padding:calc(var(--spacing) * 6);gap:calc(var(--spacing) * 4);flex-direction:column;width:100%;max-width:400px;display:flex}.auth-form{gap:calc(var(--spacing) * 3);flex-direction:column;display:flex}.auth-form .input{width:100%;height:calc(var(--spacing) * 9)}.auth-form .btn{height:calc(var(--spacing) * 9)}