.datis-account-widget{position:relative;display:inline-flex}.datis-guest-btn{display:flex;align-items:center;overflow:hidden;border-radius:14px;text-decoration:none;line-height:1;flex-direction:row-reverse;transition:box-shadow .15s ease,transform .15s ease,border-color .15s ease;transition:all 300ms!important}.business-demo .datis-guest-btn{flex-direction:row}.datis-guest-btn__text{display:inline-flex;align-items:center;justify-content:center;padding:0 14px;height:40px;background:var(--datis-secondary-color);color:#fff;font-weight:400;white-space:nowrap;transition:background .15s ease,color .15s ease}.datis-guest-btn__icon{width:44px;height:40px;display:inline-flex;align-items:center;justify-content:center;background:var(--datis-primary-color);color:#fff;transition:background .15s ease,color .15s ease;transition:all 300ms!important}.datis-guest-btn__icon svg,.datis-guest-btn__icon i{display:block}.datis-account-toggle{background:#fff0;cursor:pointer;box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:16px 5px 16px 16px;gap:12px;width:fit-content;height:48px;border:1px solid var(--datis-primary-color);border-radius:100px;transition:background .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease;outline:2px solid #fff0;outline-offset:2px}.datis-account-toggle:focus,.datis-account-toggle:focus-visible{outline-style:solid}.datis-account-toggle-avatar{background:rgb(11 61 145 / .03);border-radius:1000px}.datis-account-toggle-avatar img{width:36px;height:36px;border-radius:999px;display:block}.datis-account-toggle-name{font-weight:700;font-size:14px;white-space:nowrap}.datis-account-layer{position:relative;z-index:99;opacity:0;pointer-events:none;transition:opacity .15s ease}.datis-account-layer.is-open{opacity:1;pointer-events:auto}.datis-account-backdrop{width:100%;background:#fff0}.datis-account-panel{position:absolute;top:64px;left:0;width:300px}.datis-account-card{background:#fff;border-radius:18px;box-shadow:0 18px 50px rgb(0 0 0 / .14);padding:12px}.datis-account-header{display:flex;align-items:center;gap:10px;padding:6px}.datis-account-avatar img{width:35px;height:35px;border-radius:999px;display:flex;align-items:center;justify-content:center}.datis-account-name{font-weight:700;font-size:14px}.datis-account-email{font-size:13px;color:#7a8699;margin-top:2px;text-align:right}.datis-account-divider{height:1px;background:#eef2f7;margin:8px 0}.datis-account-menu{display:flex;flex-direction:column;gap:2px}.datis-account-item{display:flex;align-items:center;gap:10px;padding:10px 10px;border-radius:12px;text-decoration:none;color:#1f2a37;transition:background .12s ease,color .12s ease,border-color .12s ease,box-shadow .12s ease}.datis-account-item:hover{background:#f4f6fb}.datis-account-item-ico{width:22px;display:inline-flex;align-items:center;justify-content:center}.datis-account-logout{display:flex;align-items:center;justify-content:flex-start;gap:8px;text-decoration:none;color:var(--datis-secondary-color);padding:10px 8px;border-radius:12px;transition:background .12s ease,color .12s ease,border-color .12s ease,box-shadow .12s ease}.datis-account-logout:hover{background:rgb(225 29 72 / .08)}.architecture-demo .datis-guest-btn{flex-direction:row;background:#FBFBFB}.architecture-demo .datis-guest-btn__text{border-radius:100px;margin-left:-7px;z-index:2}