.cp-account{position:relative}.cp-account--pending{width:36px;height:var(--cp-control-height,36px)}.cp-account__avatar,.cp-account__login,.studio-root .cp-account__avatar,.studio-root .cp-account__login{display:inline-flex;height:var(--cp-control-height,36px);align-items:center;justify-content:center;font-size:14px;font-weight:500;line-height:1;text-decoration:none;cursor:pointer}.cp-account__login,.studio-root .cp-account__login,.studio-root a.cp-account__login{padding:0 16px;border:0;border-radius:999px;background:#fafafa;color:#0d0d0d}.cp-account__login:hover,.studio-root .cp-account__login:hover,.studio-root a.cp-account__login:hover{background:#f4f4f5;color:#0d0d0d}html:not(.dark) .cp-account__login,html:not(.dark) .studio-root .cp-account__login,html:not(.dark) .studio-root a.cp-account__login{background:#0d0d0d;color:#fff}html:not(.dark) .cp-account__login:hover,html:not(.dark) .studio-root .cp-account__login:hover,html:not(.dark) .studio-root a.cp-account__login:hover{background:#18181b;color:#fff}.cp-account__avatar,.studio-root .cp-account__avatar{width:auto;max-width:10rem;gap:8px;padding:0 12px 0 4px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#1a1a1a;color:#fafafa}.cp-account__mark{display:grid;width:28px;height:28px;flex-shrink:0;place-items:center;border-radius:999px;background:rgba(255,255,255,.1);font-size:13px}.cp-account__label{overflow:hidden;font-size:13px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.cp-account__avatar:hover,.studio-root .cp-account__avatar:hover{background:rgba(255,255,255,.08)}html:not(.dark) .cp-account__avatar,html:not(.dark) .studio-root .cp-account__avatar{border-color:rgba(0,0,0,.08);background:#fff;color:#0d0d0d}html:not(.dark) .cp-account__mark{background:rgba(0,0,0,.06)}html:not(.dark) .cp-account__avatar:hover,html:not(.dark) .studio-root .cp-account__avatar:hover{background:rgba(0,0,0,.05)}.cp-account__menu,.studio-root .cp-account__menu{position:absolute;top:calc(100% + 8px);right:0;z-index:80;display:flex;min-width:168px;flex-direction:column;gap:2px;padding:8px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#000;box-shadow:none}html:not(.dark) .cp-account__menu,html:not(.dark) .studio-root .cp-account__menu{border-color:rgba(0,0,0,.08);background:#fff}.cp-account__name{margin:0;padding:6px 10px 10px;color:#a1a1aa;font-size:13px;font-weight:400;line-height:1.3}.cp-account__email{display:none}.cp-account__menu a,.cp-account__menu button,.studio-root .cp-account__menu a,.studio-root .cp-account__menu button{display:flex;height:40px;align-items:center;padding:0 10px;border:0;border-radius:8px;background:transparent;color:#fafafa;font:inherit;font-size:14px;font-weight:400;text-align:left;text-decoration:none;cursor:pointer}html:not(.dark) .cp-account__menu a,html:not(.dark) .cp-account__menu button,html:not(.dark) .studio-root .cp-account__menu a,html:not(.dark) .studio-root .cp-account__menu button{color:#0d0d0d}.cp-account__menu a:hover,.cp-account__menu button:hover,.studio-root .cp-account__menu a:hover,.studio-root .cp-account__menu button:hover{background:rgba(255,255,255,.08);color:#fafafa}html:not(.dark) .cp-account__menu a:hover,html:not(.dark) .cp-account__menu button:hover,html:not(.dark) .studio-root .cp-account__menu a:hover,html:not(.dark) .studio-root .cp-account__menu button:hover{background:rgba(0,0,0,.05);color:#0d0d0d}.cp-login-dialog{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:24px 16px;overflow-y:auto;overscroll-behavior:contain;background:rgb(0 0 0/48%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.cp-login-dialog .cp-login-dialog__card{position:relative;display:flex;flex-direction:column;gap:16px;box-sizing:border-box;width:min(360px,100%);min-width:0;margin:auto;padding:24px;border:var(--canvas-floating-border,1px solid rgb(126 137 156/26%));border-radius:14px;background:var(--canvas-floating-fill,rgb(24 25 29/96%));-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:var(--canvas-floating-shadow,0 12px 32px rgb(0 0 0/24%));color:#e8edf5;font-size:13px;line-height:20px;font-weight:400;text-align:left}.cp-login-dialog .cp-login-dialog__logo{display:block;width:112px;height:auto;margin:0 0 4px;filter:brightness(0) invert(1);opacity:.94}.cp-login-dialog .cp-login-dialog__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cp-login-dialog .cp-login-dialog__fields{display:flex;flex-direction:column;gap:16px}.cp-login-dialog .cp-login-dialog__field{display:flex;flex-direction:column;gap:8px;min-width:0}.cp-login-dialog .cp-login-dialog__label{margin:0;color:#a1a1aa;font-size:12px;font-weight:400;line-height:20px}.cp-login-dialog .cp-login-dialog__card input{display:block;box-sizing:border-box;min-width:0;width:100%;height:40px;min-height:40px;margin:0;padding:0 12px;border:1px solid rgb(255 255 255/10%);border-radius:9px;box-shadow:none;background:rgb(255 255 255/3%);color:#f4f4f5;font:inherit;font-size:13px;line-height:20px}.cp-login-dialog .cp-login-dialog__card input::placeholder{color:#858b98;opacity:1}.cp-login-dialog .cp-login-dialog__card input:focus{outline:1px solid #afc6e8;outline-offset:1px}.cp-login-dialog .cp-login-dialog__password{position:relative;min-width:0}.cp-login-dialog .cp-login-dialog__password input{padding-right:44px}.cp-login-dialog .cp-login-dialog__close,.cp-login-dialog .cp-login-dialog__visibility{display:grid;place-items:center;width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;margin:0;padding:7px;border:0;border-radius:8px;background:transparent;box-shadow:none;color:#a1a1aa;cursor:pointer}.cp-login-dialog .cp-login-dialog__close{position:absolute;top:12px;right:12px}.cp-login-dialog .cp-login-dialog__visibility{position:absolute;right:4px;top:50%;transform:translateY(-50%)}.cp-login-dialog .cp-login-dialog__close svg,.cp-login-dialog .cp-login-dialog__visibility svg{display:block;width:16px;height:16px;padding:0}.cp-login-dialog .cp-login-dialog__card button[type=submit]{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:40px;min-height:40px;margin:0;padding:8px 12px;border:0;border-radius:9px;background:#edf0f5;color:#17191e;font:inherit;font-size:13px;font-weight:500;line-height:20px;cursor:pointer}.cp-login-dialog .cp-login-dialog__card button[type=submit]:disabled{opacity:.5;cursor:wait}.cp-login-dialog .cp-login-dialog__error{margin:0;color:#fda4af;font-size:12px;line-height:20px;text-align:left;overflow-wrap:anywhere}.cp-login-dialog .cp-login-dialog__links{display:flex;justify-content:space-between;gap:16px;margin:0;font-size:12px;line-height:20px}.cp-login-dialog .cp-login-dialog__links a{color:#b5bdcb;text-decoration:none}.cp-login-dialog .cp-login-dialog__legal{margin:0;padding-top:12px;border-top:1px solid rgb(255 255 255/6%);color:#9198a5;font-size:12px;line-height:20px;text-align:left}.cp-login-dialog .cp-login-dialog__legal a{margin:0 .2em;color:#b5bdcb;text-decoration:underline;text-underline-offset:3px}.cp-login-dialog .cp-login-dialog__card a:focus-visible,.cp-login-dialog .cp-login-dialog__card button:focus-visible{outline:2px solid #c6dbfa;outline-offset:2px}.cp-login-dialog .cp-login-dialog__close:hover,.cp-login-dialog .cp-login-dialog__visibility:hover{background:rgb(255 255 255/7%);color:#f4f4f5}.cp-login-dialog .cp-login-dialog__links a:hover{color:#f4f4f5;text-decoration:underline;text-underline-offset:3px}@media(max-height:520px){.cp-login-dialog{place-items:start center}.cp-login-dialog .cp-login-dialog__card{margin:0 auto}}.cp-account__mark{position:relative;overflow:hidden}.cp-account__mark img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}.cp-account__mark img[hidden]{display:none}