.i9s4nl0{width:100%;max-width:500px;color:var(--affine-v2-text-primary);border-radius:4px;outline:none;align-items:center;gap:8px;padding:4px 6px;display:flex;overflow:hidden}.i9s4nl0:hover{cursor:pointer;background:var(--affine-hover-color)}.i9s4nl1{flex:1;align-items:center;gap:8px;width:0;display:flex;position:relative}.i9s4nl2{flex-shrink:0;line-height:0}.i9s4nl3{pointer-events:none;opacity:.8}.i9s4nl3:hover{cursor:default;background:0 0}.i9s4nl4{--h:42px;height:var(--h);overflow:hidden}.i9s4nl4[data-dense=true]{--h:22px}.i9s4nl5{flex-direction:column;align-items:flex-start;transition:transform .5s cubic-bezier(.45,.21,0,1);display:flex;transform:translateY(0)}.i9s4nl4[data-active=true] .i9s4nl5{transform:translateY(calc(var(--h) * -1))}.i9s4nl6{border:.5px solid var(--affine-v2-layer-insideBorder-border)}.i9s4nl7{width:100%;height:var(--h);flex-direction:column;flex-grow:1;justify-content:center;transition:opacity .5s cubic-bezier(.45,.21,0,1);display:flex;overflow:hidden}.i9s4nl4[data-active=true] .i9s4nl7[data-type=normal],.i9s4nl4[data-active=false] .i9s4nl7[data-type=events]{opacity:0}.i9s4nl8{font-size:var(--affine-font-sm);-webkit-user-select:none;user-select:none;text-overflow:ellipsis;white-space:nowrap;width:100%;font-weight:500;line-height:22px;display:inline-block;overflow:hidden}.i9s4nl9{font-size:var(--affine-font-xs);color:var(--affine-black-50);align-items:center;gap:2px;font-weight:400;line-height:20px;display:flex}.i9s4nl9 svg{width:16px;height:16px;color:var(--affine-icon-secondary)}.i9s4nla{font-size:var(--affine-font-sm);color:var(--affine-text-secondary-color);align-items:center;gap:2px;line-height:22px;display:flex}.i9s4nla svg{width:16px;height:16px;color:var(--affine-icon-secondary);display:block}.i9s4nlb{font-size:var(--affine-font-xs);min-height:20px;padding:0 8px;line-height:20px}.i9s4nlc{flex-direction:column;flex:1;justify-content:center;display:flex;overflow:hidden}.i9s4nld{opacity:0}.i9s4nl0:hover .i9s4nld{opacity:1}.i9s4nle{color:var(--affine-v2-icon-secondary);font-size:14px}.i9s4nlf{width:0;height:20px;color:var(--affine-v2-icon-primary);box-shadow:none;cursor:pointer;background:0 0;border-radius:4px;justify-content:center;place-items:center;margin-left:0;transition:all .13s;display:flex;overflow:hidden}.i9s4nl0:hover .i9s4nlf{width:20px;box-shadow:var(--affine-button-shadow);background:var(--affine-v2-button-secondary)}.i9s4nlg{align-items:center;gap:8px;display:flex;position:absolute;right:0}.i9s4nl0:hover .i9s4nlg{position:relative}.i9s4nlg:empty{display:none}.i9s4nlh{color:var(--affine-v2-icon-activated);font-size:14px}.i9s4nli{align-items:center;gap:8px;display:flex}.i9s4nli:empty{display:none}