.demo-account-box.svelte-1x1rnrb{position:fixed;bottom:20px;left:calc(var(--sidebar-width) + 20px);padding:10px;border:1px solid #D3D3D3;background-color:var(--bg-color);border-radius:8px;transition:bottom .3s ease,top .3s ease;display:flex;flex-direction:column;min-height:360px}@media (max-width: 767px){.demo-account-box.svelte-1x1rnrb{left:20px;width:calc(100% - 40px);min-height:250px}}.demo-account-box.svelte-1x1rnrb .hide-box-btn:where(.svelte-1x1rnrb){position:absolute;top:0;right:0;cursor:pointer;z-index:10}.demo-account-box.svelte-1x1rnrb .demo-accounts-title:where(.svelte-1x1rnrb){font-size:1.25rem;font-weight:600;margin:0;color:var(--text-color)}.demo-account-box.svelte-1x1rnrb .demo-accounts-subtitle:where(.svelte-1x1rnrb){font-size:.875rem;margin:0;color:var(--text-color)}.demo-account-box.svelte-1x1rnrb .account:where(.svelte-1x1rnrb){margin-top:10px;margin-bottom:10px;display:flex;flex-direction:column}.demo-account-box.svelte-1x1rnrb .role:where(.svelte-1x1rnrb){margin:0 5px 0 0;font-weight:600!important;font-size:.875rem!important;color:var(--text-color)!important}.demo-account-box.svelte-1x1rnrb .icon-button:where(.svelte-1x1rnrb){position:relative}.demo-account-box.svelte-1x1rnrb .credentials-wrapper:where(.svelte-1x1rnrb){display:flex;flex-direction:column}.demo-account-box.svelte-1x1rnrb .credentials:where(.svelte-1x1rnrb){position:relative;margin:0;font-size:.75rem;color:gray;font-weight:400}.demo-account-box.svelte-1x1rnrb .credentials:where(.svelte-1x1rnrb) .copied-tooltip:where(.svelte-1x1rnrb){position:absolute;display:none;top:-30px;left:50%;transform:translate(-50%);background-color:var(--sidebar-color);border:1px solid var(--light-light-gray);color:var(--text-color);padding:2px 5px;border-radius:4px;font-size:.75rem;transition:opacity .3s ease;min-width:70px}.demo-account-box.svelte-1x1rnrb .credentials:where(.svelte-1x1rnrb) .copied-tooltip.visible:where(.svelte-1x1rnrb){display:block}.wrapper.svelte-1x1rnrb{height:74vh;display:flex;flex-direction:column;justify-content:center}.wrapper.svelte-1x1rnrb .form-1:where(.svelte-1x1rnrb){margin-bottom:0;margin-left:auto;margin-right:auto;min-width:400px;max-width:600px}@media (max-width: 479px){.wrapper.svelte-1x1rnrb .form-1:where(.svelte-1x1rnrb){min-width:240px}}.wrapper.svelte-1x1rnrb .form-1:where(.svelte-1x1rnrb) .sign-in-text:where(.svelte-1x1rnrb){text-align:center;margin-bottom:10px}.wrapper.svelte-1x1rnrb .form-1:where(.svelte-1x1rnrb) .sign-in-text:where(.svelte-1x1rnrb) p:where(.svelte-1x1rnrb){font-size:2rem;font-weight:100;margin:0}.wrapper.svelte-1x1rnrb .form-1:where(.svelte-1x1rnrb) .field:where(.svelte-1x1rnrb){position:relative;margin-bottom:24px}.wrapper.svelte-1x1rnrb .form-1:where(.svelte-1x1rnrb) .field.has-error:where(.svelte-1x1rnrb) input:where(.svelte-1x1rnrb){outline:2px solid var(--error)}.wrapper.svelte-1x1rnrb .form-1:where(.svelte-1x1rnrb) .field:where(.svelte-1x1rnrb) input:where(.svelte-1x1rnrb){width:100%}.wrapper.svelte-1x1rnrb .form-1:where(.svelte-1x1rnrb) p.error:where(.svelte-1x1rnrb){position:absolute;top:40px;left:0;color:var(--error);font-size:.75rem;margin:4px 20px 0}@media (max-width: 479px){.wrapper.svelte-1x1rnrb .form-1:where(.svelte-1x1rnrb) p.error:where(.svelte-1x1rnrb){font-size:.6875rem}}.wrapper.svelte-1x1rnrb .form-1:where(.svelte-1x1rnrb) .show-password:where(.svelte-1x1rnrb){position:absolute;top:54%;right:10px;transform:translateY(-50%);background:transparent;border:none;outline:none;padding:0;margin:0;cursor:pointer;opacity:.8}.wrapper.svelte-1x1rnrb .form-1:where(.svelte-1x1rnrb) .submit-button:where(.svelte-1x1rnrb){margin-top:30px;background-color:var(--accent-color);border-radius:20px}.wrapper.svelte-1x1rnrb .form-1:where(.svelte-1x1rnrb) .forgot-pass-n-signup:where(.svelte-1x1rnrb){margin-top:12px;display:flex;justify-content:space-between}@media (max-width: 479px){.wrapper.svelte-1x1rnrb .form-1:where(.svelte-1x1rnrb) .forgot-pass-n-signup:where(.svelte-1x1rnrb){flex-direction:column;align-items:center;gap:10px}}.wrapper.svelte-1x1rnrb .form-1:where(.svelte-1x1rnrb) .forgot-pass-n-signup:where(.svelte-1x1rnrb) a:where(.svelte-1x1rnrb){font-size:12px}.wrapper.svelte-1x1rnrb .form-1:where(.svelte-1x1rnrb) .forgot-pass-n-signup:where(.svelte-1x1rnrb) a:where(.svelte-1x1rnrb):hover{font-weight:500;text-decoration:underline}